<style lang="less">
  .el-tabs__nav{
    float: right !important;
  }
  #roomTypeRadio1{
    border-color: #9ccc65;
    color: #9ccc65
  }
  .chooseRoomTypeRadio1{
    background: #9ccc65;
    .el-radio__label{
      color: #ffffff !important;
    }
  }
  #roomTypeRadio2{
    border-color: #00dcf8;
    color: #00dcf8
  }
  #roomTypeRadio3{
    border-color: #ffb54a;
    color: #ffb54a
  }
  .el-input__inner{
    height: 30px !important;
    line-height: 30px !important;
  }
  .el-icon-date,.el-input__icon{
    line-height: 30px !important;
  }
  .el-col-3{
    width: 9.5%;
  }
  .el-table__row{
    cursor: pointer;
  }
  .el-table .cell{
    line-height: 18px !important;
  }

  .pc_con {
    display: flex;
    flex-direction: column;
    padding: .2cm;
    box-sizing: border-box;
    border-bottom: 1px solid #969696;
  }
  .pc_con:last-child {
    border-bottom: none;
  }
  .pcc_1 .con_1_1,
  .pcc_2 .con_1_1,
  .pcc_3 .con_1_1,
  .pcc_4 .con_1_1,
  .pcc_5 .con_1_1 {
    text-align: center;
    font-size: 20px;
    color: #141414;
    margin-bottom: .2cm;
    font-weight: 500;
  }
  .pcc_1 .con_1_2,
  .pcc_2 .con_1_2,
  .pcc_3 .con_1_2,
  .pcc_4 .con_1_2,
  .pcc_5 .con_1_2 {
    text-align: center;
    font-size: 18px;
    color: #141414;
    margin-bottom: .8cm;
    font-weight: 500;
  }
  .pcc_1 .con_1_3,
  .pcc_2 .con_1_3,
  .pcc_3 .con_1_3,
  .pcc_4 .con_1_3,
  .pcc_5 .con_1_3 {
    font-size: 12px;
    color: #141414;
    margin-bottom: .2cm;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .pcc_1 .con_1_3 .c_l,
  .pcc_2 .con_1_3 .c_l,
  .pcc_3 .con_1_3 .c_l,
  .pcc_4 .con_1_3 .c_l,
  .pcc_5 .con_1_3 .c_l {
    font-weight: 500;
  }
  .pcc_1 .con_1_3 .cl_two,
  .pcc_2 .con_1_3 .cl_two,
  .pcc_3 .con_1_3 .cl_two,
  .pcc_4 .con_1_3 .cl_two,
  .pcc_5 .con_1_3 .cl_two {
    display: flex;
    flex-direction: column;
  }
  .pcc_1 .con_1_3 .cl_two .clt_t,
  .pcc_2 .con_1_3 .cl_two .clt_t,
  .pcc_3 .con_1_3 .cl_two .clt_t,
  .pcc_4 .con_1_3 .cl_two .clt_t,
  .pcc_5 .con_1_3 .cl_two .clt_t,
  .pcc_1 .con_1_3 .cl_two .clt_b,
  .pcc_2 .con_1_3 .cl_two .clt_b,
  .pcc_3 .con_1_3 .cl_two .clt_b,
  .pcc_4 .con_1_3 .cl_two .clt_b,
  .pcc_5 .con_1_3 .cl_two .clt_b {
    text-align: center;
  }
  .pcc_1 .con_1_3 .c_r,
  .pcc_2 .con_1_3 .c_r,
  .pcc_3 .con_1_3 .c_r,
  .pcc_4 .con_1_3 .c_r,
  .pcc_5 .con_1_3 .c_r {
    display: flex;
    flex-direction: column;
  }
  .pcc_1 .con_1_3 .cr_two,
  .pcc_2 .con_1_3 .cr_two,
  .pcc_3 .con_1_3 .cr_two,
  .pcc_4 .con_1_3 .cr_two,
  .pcc_5 .con_1_3 .cr_two {
    line-height: .8cm;
  }
  .pcc_1 .c132_title,
  .pcc_2 .c132_title,
  .pcc_3 .c132_title,
  .pcc_4 .c132_title,
  .pcc_5 .c132_title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .pcc_1 .c132_title .c132_con,
  .pcc_2 .c132_title .c132_con,
  .pcc_3 .c132_title .c132_con,
  .pcc_4 .c132_title .c132_con,
  .pcc_5 .c132_title .c132_con {
    display: flex;
    flex-direction: column;
    width: 25%;
    text-align: center;
  }
  .pcc_1 .c132_title .c132_con .c_t,
  .pcc_2 .c132_title .c132_con .c_t,
  .pcc_3 .c132_title .c132_con .c_t,
  .pcc_4 .c132_title .c132_con .c_t,
  .pcc_5 .c132_title .c132_con .c_t,
  .pcc_1 .c132_title .c132_con .c_b,
  .pcc_2 .c132_title .c132_con .c_b,
  .pcc_3 .c132_title .c132_con .c_b,
  .pcc_4 .c132_title .c132_con .c_b,
  .pcc_5 .c132_title .c132_con .c_b {
    font-size: 12px;
    color: #141414;
    text-align: center;
  }
  .pcc_1 .c132_title .c132_con .c_t,
  .pcc_2 .c132_title .c132_con .c_t,
  .pcc_3 .c132_title .c132_con .c_t,
  .pcc_4 .c132_title .c132_con .c_t,
  .pcc_5 .c132_title .c132_con .c_t {
    margin-bottom: .1cm;
  }
  .pcc_1 .con_1_3_2,
  .pcc_2 .con_1_3_2,
  .pcc_3 .con_1_3_2,
  .pcc_4 .con_1_3_2,
  .pcc_5 .con_1_3_2 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .pcc_1 .con_1_3_2 .c132_con,
  .pcc_2 .con_1_3_2 .c132_con,
  .pcc_3 .con_1_3_2 .c132_con,
  .pcc_4 .con_1_3_2 .c132_con,
  .pcc_5 .con_1_3_2 .c132_con {
    display: flex;
    flex-direction: column;
    width: 25%;
    text-align: center;
  }
  .pcc_1 .con_1_3_2 .c132_con .c_t,
  .pcc_2 .con_1_3_2 .c132_con .c_t,
  .pcc_3 .con_1_3_2 .c132_con .c_t,
  .pcc_4 .con_1_3_2 .c132_con .c_t,
  .pcc_5 .con_1_3_2 .c132_con .c_t,
  .pcc_1 .con_1_3_2 .c132_con .c_b,
  .pcc_2 .con_1_3_2 .c132_con .c_b,
  .pcc_3 .con_1_3_2 .c132_con .c_b,
  .pcc_4 .con_1_3_2 .c132_con .c_b,
  .pcc_5 .con_1_3_2 .c132_con .c_b {
    font-size: 12px;
    color: #141414;
    text-align: center;
  }
  .pcc_1 .con_1_3_2 .c132_con .c_t,
  .pcc_2 .con_1_3_2 .c132_con .c_t,
  .pcc_3 .con_1_3_2 .c132_con .c_t,
  .pcc_4 .con_1_3_2 .c132_con .c_t,
  .pcc_5 .con_1_3_2 .c132_con .c_t {
    margin-bottom: .1cm;
  }
  .pcc_1 .con_1_4,
  .pcc_2 .con_1_4,
  .pcc_3 .con_1_4,
  .pcc_4 .con_1_4,
  .pcc_5 .con_1_4 {
    font-size: 12px;
    color: #141414;
    margin-bottom: 2cm;
  }
  .pcc_1 .con_1_5,
  .pcc_2 .con_1_5,
  .pcc_3 .con_1_5,
  .pcc_4 .con_1_5,
  .pcc_5 .con_1_5 {
    font-size: 12px;
    color: #141414;
    margin-bottom: .2cm;
  }
  .pcc_1 .con_1_6,
  .pcc_2 .con_1_6,
  .pcc_3 .con_1_6,
  .pcc_4 .con_1_6,
  .pcc_5 .con_1_6 {
    font-size: 12px;
    padding-left: .5cm;
    margin-bottom: .2cm;
  }

</style>
<template>
  <div class="main">
    <div class="bc" v-if="public_bc"></div>
    <div class="lodingDiv_main" v-if="public_bc_main">
      <div class="loginIcon">
        <img src="../../assets/loading.gif"/>
      </div>
      <div class="loginText">加载中，请稍后...</div>
    </div>
    <div class="footer">
      <div class="top">重庆易住宝科技有限公司</div>
      <div class="bottom">©2004 Yizhubao Corporation. All rights reserved.</div>
    </div>
    <conHeader></conHeader>
    <div class="content">
      <el-row :gutter="20">
        <!--左侧固定视图-->
        <el-col :span="16">
          <!--顶部导航栏-->
          <div class="box_left">
            <!--提示音频-->
            <audio hidden id="hint">
              <source src="../../assets/mess.wav" type="audio/mp3">
            </audio>
            <!--跑马灯-->
            <div class="box loopDiv" v-if="loopOrderNum > 0 || loopCallNum > 0">
              <div class="loops">
                <div class="ld_order" v-if="loopOrderNum > 0">
                  <div class="ld_icon">
                    <div class="ldi_img">
                      <img src="../../assets/bell.png"/>
                    </div>
                    <div class="ldi_num">{{loopOrderNum}}</div>
                  </div>
                  <div class="ld_text">你有{{loopOrderNum}}条新订单，请尽快处理！</div>
                </div>
                <div class="ld_order" v-if="loopCallNum > 0">
                  <div class="ld_icon">
                    <div class="ldi_img">
                      <img src="../../assets/tips.png"/>
                    </div>
                    <div class="ldi_num">{{loopCallNum}}</div>
                  </div>
                  <div class="ld_text">你有{{loopCallNum}}条待办，请尽快处理！</div>
                </div>
              </div>
            </div>
            <div class="box conTop">
              <div class="time">{{time}}</div>
              <el-tabs tab-position="top" v-model="activeName2" type="card" @tab-click="handleClick">
                <!--下方内容-->
                <div class="con">
                  <!--订单操作-->
                  <transition name="el-fade-in-linear">
                    <div v-show="tabs[2]" class="transition-box">
                      <el-tab-pane label="订单操作" name="third">
                        <div class="third">
                          <!--筛选条件-->
                          <div class="t_screen cleanFloat">
                            <div class="t_row cleanFloat">
                              <!--输入房号-->
                              <div class="tr_con cleanFloat">
                                <div class="title">房号</div>
                                <div class="asse">
                                  <el-input v-model="t_roomNo" placeholder="请输入房号" clearable></el-input>
                                </div>
                              </div>
                              <!--选择入店时间-->
                              <div class="tr_con cleanFloat">
                                <div class="title">下单时间</div>
                                <div class="asse">
                                  <el-date-picker
                                    v-model="t_star_time"
                                    :clearable="false"
                                    type="datetime"
                                    placeholder="选择日期时间">
                                  </el-date-picker>
                                </div>
                              </div>
                              <!--选择入店时间-->
                              <div class="tr_con cleanFloat">
                                <div class="title">至</div>
                                <div class="asse">
                                  <el-date-picker
                                    v-model="t_end_time"
                                    :clearable="false"
                                    type="datetime"
                                    placeholder="选择日期时间">
                                  </el-date-picker>
                                </div>
                              </div>
                            </div>
                            <!--订单状态-->
                            <div class="t_row cleanFloat">
                              <div class="text">订单状态</div>
                              <div class="t_radios" :class="index == t_order_status?'activeradios':''" @click="t_order_status_choose(index)" v-for="(val,index) in screenList.order_status">
                                <div class="icon" :class="index == t_order_status?'activeIcon':''"><div class="icon_in"></div></div>
                                <div class="font">{{val}}</div>
                              </div>
                            </div>
                            <!--开房类型-->
                            <div class="t_row cleanFloat">
                              <div class="text">开房类型</div>
                              <div class="t_radios" :class="index == t_order_liveType?'activeradios':''" @click="t_order_liveType_choose(index)" v-for="(val,index) in screenList.check_type">
                                <div class="icon" :class="index == t_order_liveType?'activeIcon':''"><div class="icon_in"></div></div>
                                <div class="font">{{val}}</div>
                              </div>
                            </div>
                            <!--入住状态-->
                            <div class="t_row cleanFloat">
                              <div class="text">入住状态</div>
                              <div class="t_radios" :class="index == t_live_status?'activeradios':''" @click="t_live_status_choose(index)" v-for="(val,index) in screenList.check_status">
                                <div class="icon" :class="index == t_live_status?'activeIcon':''"><div class="icon_in"></div></div>
                                <div class="font">{{val}}</div>
                              </div>
                            </div>
                            <!--订单类型-->
                            <div class="t_row cleanFloat">
                              <div class="text">订单类型</div>
                              <div class="t_radios" :class="index == t_order_type?'activeradios':''" @click="t_order_type_choose(index)" v-for="(val,index) in screenList.is_share_time">
                                <div class="icon" :class="index == t_order_type?'activeIcon':''"><div class="icon_in"></div></div>
                                <div class="font">{{val}}</div>
                              </div>
                            </div>
                            <!--订单来源-->
                            <div class="t_row cleanFloat">
                              <div class="text">订单来源</div>
                              <div class="t_radios" :class="index == t_order_source?'activeradios':''" @click="t_order_source_choose(index)" v-for="(val,index) in screenList.origin">
                                <div class="icon" :class="index == t_order_source?'activeIcon':''"><div class="icon_in"></div></div>
                                <div class="font">{{val}}</div>
                              </div>
                            </div>
                            <!--对账状态-->
                            <div class="t_row cleanFloat">
                              <div class="text">对账状态</div>
                              <div class="t_radios" :class="index == t_order_bill_status?'activeradios':''" @click="t_order_bill_status_choose(index)" v-for="(val,index) in screenList.bill_status">
                                <div class="icon" :class="index == t_order_bill_status?'activeIcon':''"><div class="icon_in"></div></div>
                                <div class="font">{{val}}</div>
                              </div>
                            </div>
                            <!--联系电话-->
                            <div class="t_row">
                              <div class="tr_con cleanFloat">
                                <div class="title">联系电话</div>
                                <div class="asse">
                                  <el-input v-model="t_phone" placeholder="请输入电话" clearable></el-input>
                                </div>
                                <div class="asse" style="margin-left: 10px;height: 30px">
                                  <el-button type="success" size="mini" @click="searchOrder">查询</el-button>
                                </div>
                              </div>
                            </div>
                          </div>
                          <!--快速查询-->
                          <div class="quickQuery">
                            <div class="qq_title">快速查询</div>
                            <div class="qq_buttons">
                              <div class="qq_but" v-for="(val,index) in publicScreen.quick_query" v-if="index > 0">
                                <el-button type="primary" size="small" @click="quickQuery(index)">{{val}}</el-button>
                              </div>
                            </div>
                          </div>
                          <!--订单表格-->
                          <div class="t_tabs">
                            <!--表格内容-->
                            <div class="tabCon">
                              <div class="lodingDiv" v-if="orderLoading">
                                <div class="loginIcon">
                                  <img src="../../assets/loading.gif"/>
                                </div>
                                <div class="loginText">加载中，请稍后...</div>
                              </div>
                              <el-table
                                :data="orderList"
                                border
                                style="width: 100%;font-size: 12px" @row-click="tableClick"
                                :highlight-current-row="true">
                                <el-table-column label="联系人" align="center" width="110">
                                  <template style="position: relative" slot-scope="scope">
                                    <div class="isNewOrder" v-if="scope.row.isNew"></div>
                                    <div>{{scope.row.people_name}}</div>
                                    <div v-if="scope.row.people_phone != null">{{scope.row.people_phone}}</div>
                                  </template>
                                </el-table-column>
                                <el-table-column
                                  prop="origin"
                                  label="来源"
                                  align="center"
                                  width="90">
                                </el-table-column>
                                <el-table-column label="房间" align="center" width="80">
                                  <template slot-scope="scope">
                                    <div class="orderList_houseList">
                                      <div class="oh_left">{{scope.row.house_No[0].house_no}}</div>
                                      <div style="margin-top: auto;margin-bottom: auto" v-if="scope.row.house_No.length > 1">
                                        <!--<el-popover-->
                                          <!--:ref="popover1"-->
                                          <!--placement="top-start"-->
                                          <!--width="200"-->
                                          <!--trigger="hover"-->
                                          <!--:content="Transformation(scope.row.house_No)">-->
                                        <!--</el-popover>-->
                                        <!--<div class="oh_right" v-popover:popover1>{{scope.row.house_No.length}}</div>-->
                                        <el-tooltip class="item" effect="dark" :content="Transformation(scope.row.house_No)" placement="top">
                                          <div class="oh_right">{{scope.row.house_No.length}}</div>
                                        </el-tooltip>
                                      </div>
                                    </div>
                                  </template>
                                </el-table-column>
                                <el-table-column
                                  prop="check_type"
                                  label="住房类型"
                                  align="center"
                                  width="88">
                                </el-table-column>
                                <el-table-column
                                  prop="created_at"
                                  label="下单时间"
                                  align="center"
                                  width="150">
                                </el-table-column>
                                <el-table-column
                                  prop="is_share_time"
                                  label="订单类型"
                                  align="center"
                                  width="88">
                                </el-table-column>
                                <el-table-column
                                  prop="ordre_stutas"
                                  label="订单状态"
                                  align="center"
                                  width="88">
                                </el-table-column>
                                <el-table-column
                                  prop="check_status"
                                  label="住房状态"
                                  align="center">
                                </el-table-column>
                                <el-table-column
                                  prop="bill_status"
                                  label="对账状态"
                                  align="center">
                                </el-table-column>
                              </el-table>
                            </div>
                            <!--分页-->
                            <div class="pagination">
                              <div class="tp_left">
                                <el-pagination
                                  @current-change="currentChange"
                                  background
                                  layout="prev, pager, next"
                                  :page-size="pageSize"
                                  :total="totalPage">
                                </el-pagination>
                              </div>
                              <div class="tp_right">
                                <span>总共 {{totalPage}} 条记录</span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </el-tab-pane>
                    </div>
                  </transition>
                  <!--预订操作-->
                  <transition name="el-fade-in-linear">
                    <div v-show="tabs[0]" class="transition-box">
                      <el-tab-pane label="预订开房" name="first">
                        <div class="tab tab_1">
                          <!--时间筛选-->
                          <div class="tab_1_row tab_1_row1">
                            <!--输入房号-->
                            <div class="tab1_con">
                              <input id="roomNumInput" type="text" v-model="roomNum" placeholder="请输入房号" />
                            </div>
                            <!--选择入店时间-->
                            <div class="tab1_con">
                              <el-date-picker
                                id="chooseT"
                                :clearable="false"
                                v-model="chooseTime"
                                type="date"
                                placeholder="选择日期"
                                @change="chooseTimeChange"
                                :picker-options="pickerOptions1"
                                style="width: 140px;">
                              </el-date-picker>
                            </div>
                            <!--今天/明天快捷选择-->
                            <div class="tab1_con">
                              <div class="chooseDay" @click="chooseQuick(1)">今天</div>
                              <div class="chooseDay" @click="chooseQuick(2)">明天</div>
                            </div>
                            <!--多晚选择-->
                            <div class="tab1_con">
                              <el-dropdown trigger="click" @command="chooseDays" style="cursor: pointer;
                            border: 1px solid rgb(220, 223, 230);
                            border-radius: 5px;
                            height: 30px;
                            padding: 0 10px;
                            line-height: 30px">
                                <span class="el-dropdown-link">
                                  {{nightNum}}晚<i class="el-icon-arrow-down el-icon--right"></i>
                                </span>
                                <el-dropdown-menu slot="dropdown">
                                  <el-dropdown-item command="1">1晚</el-dropdown-item>
                                  <el-dropdown-item command="2">2晚</el-dropdown-item>
                                  <el-dropdown-item command="3">3晚</el-dropdown-item>
                                  <el-dropdown-item command="4">4晚</el-dropdown-item>
                                  <el-dropdown-item command="5">5晚</el-dropdown-item>
                                  <el-dropdown-item command="6">6晚</el-dropdown-item>
                                </el-dropdown-menu>
                              </el-dropdown>
                            </div>
                            <!--楼层选择-->
                            <div class="tab1_con">
                              <el-dropdown trigger="click" @command="chooseFlood" style="cursor: pointer;
                        border: 1px solid rgb(220, 223, 230);
                        border-radius: 5px;
                        height: 30px;
                        padding: 0 10px;
                        line-height: 30px">
                                <span class="el-dropdown-link">
                                  {{floor}}<i class="el-icon-arrow-down el-icon--right"></i>
                                </span>
                                <el-dropdown-menu slot="dropdown">
                                  <el-dropdown-item command="全部楼层">全部楼层</el-dropdown-item>
                                  <el-dropdown-item command="一层">一层</el-dropdown-item>
                                  <el-dropdown-item command="二层">二层</el-dropdown-item>
                                  <el-dropdown-item command="三层">三层</el-dropdown-item>
                                  <el-dropdown-item command="四层">四层</el-dropdown-item>
                                </el-dropdown-menu>
                              </el-dropdown>
                            </div>
                          </div>
                          <!--房间规格筛选-->
                          <div class="tab_1_row tab_1_row2">
                            <div class="tab1_con">
                              <span style="font-size: 14px;color: #606266">房间规格筛选：</span>
                              <el-radio @change="roomWindowChange" v-model="radio_window" label="2" border size="small">全部</el-radio>
                              <el-radio @change="roomWindowChange" v-model="radio_window" label="1" border size="small">有窗</el-radio>
                              <el-radio @change="roomWindowChange" v-model="radio_window" label="0" border size="small">无窗</el-radio>
                            </div>
                          </div>
                          <!--房间状态筛选-->
                          <div class="tab_1_row tab_1_row3">
                            <div class="tab1_con">
                              <span style="font-size: 14px;color: #606266;float: left;line-height: 30px">房间状态筛选：</span>
                              <div class="roomTypeRadios roomTypeRadios_1" :class="roomTypeRadiosBoolean[0]?'rtr_choose_1':''" @click="roomTypeChange(0)">
                                <div class="icon" :class="roomTypeRadiosBoolean[0]?'choose_1':'icon_not'"><div class="icon_in"></div></div>
                                <span class="text">全部</span>
                              </div>
                              <div class="roomTypeRadios roomTypeRadios_2" :class="roomTypeRadiosBoolean[1]?'rtr_choose_2':''" @click="roomTypeChange(1)">
                                <div class="icon" :class="roomTypeRadiosBoolean[1]?'choose_2':'icon_not'"><div class="icon_in"></div></div>
                                <span class="text">空房</span>
                              </div>
                              <div class="roomTypeRadios roomTypeRadios_3" :class="roomTypeRadiosBoolean[2]?'rtr_choose_3':''" @click="roomTypeChange(2)">
                                <div class="icon" :class="roomTypeRadiosBoolean[2]?'choose_3':'icon_not'"><div class="icon_in"></div></div>
                                <span class="text">已售</span>
                              </div>
                              <div class="roomTypeRadios roomTypeRadios_4" :class="roomTypeRadiosBoolean[3]?'rtr_choose_4':''" @click="roomTypeChange(3)">
                                <div class="icon" :class="roomTypeRadiosBoolean[3]?'choose_4':'icon_not'"><div class="icon_in"></div></div>
                                <span class="text">OTA锁</span>
                              </div>
                            </div>
                          </div>
                          <!--房型类型筛选-->
                          <div class="tab_1_row tab_1_row4">
                            <div class="tab1_con">
                              <div class="tttc_button" :class="val.id == radio_room?'tcb_active':''" @click="radio_room_change(val.id)" v-for="(val,index) in roomClassification">
                                <label v-if="val.num == undefined">{{val.name}}</label>
                                <label v-else>{{val.name}}-{{val.num}}</label>
                              </div>
                            </div>
                          </div>
                          <!--房间列表-->
                          <div class="roomList">
                            <div class="lodingDiv" v-if="isLoading">
                              <div class="loginIcon">
                                <img src="../../assets/loading.gif"/>
                              </div>
                              <div class="loginText">加载中，请稍后...</div>
                            </div>
                            <div @click="chooseRoom(val.roomId,val.book_lock_status,val)" v-for="(val,index) in publicRoomsList">
                              <a href="javascript:void(0)" :title="val.roomType == 1?'空房':'' || val.roomType == 2?'房间已被预定':'' || val.roomType == 3?'已锁定，请在实时房态中解锁后再预定':'' || val.book_lock_status == 2?'房间已售':''">
                                <div :id="val.roomId" class="rooms" :class="val.roomType == 1?'roomType1':'' || val.roomType == 2?'roomType2':'' || val.roomType == 3?'roomType3':'' || val.roomType == 4?'roomType2':'' || val.book_lock_status == 2?'roomType2':''">
                                  <!--预订房间的标记-->
                                  <div class="icon" v-if="val.roomType == 4">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.68 34.12">
                                      <g id="图层_2" data-name="图层 2">
                                        <g id="图层_1-2" data-name="图层 1">
                                          <path class="cls-1" style="fill:#fff;" d="M30.43,0H2.48A2.25,2.25,0,0,0,.24,2.23L0,27.92a6.41,6.41,0,0,0,6.22,6.2h19.9a6.49,6.49,0,0,0,6.32-6.2l.24-25.65A2.25,2.25,0,0,0,30.43,0ZM10.34,28a6,6,0,0,0-.78-1.29,2.2,2.2,0,0,0,1.08-1.76V17.64H7.19V16.19h4.93v8.61l3-2a7.49,7.49,0,0,0,.45,1.35C11.28,27.15,10.66,27.55,10.34,28ZM8.47,11.18l1-1a28.44,28.44,0,0,1,3.13,3.29l-1.08,1.08A25.15,25.15,0,0,0,8.47,11.18ZM25.65,13H22V26.25c0,1-.25,1.55-1,1.8a13.84,13.84,0,0,1-3.93.31,5.37,5.37,0,0,0-.61-1.62c1.49.06,3,0,3.41,0s.55-.14.55-.53V13H14.22V11.52H25.65Zm3.44-7.13a.62.62,0,0,1-.62.62H4.18a.62.62,0,0,1-.62-.62V5.4a.62.62,0,0,1,.62-.62H28.47a.62.62,0,0,1,.62.62Z"/>
                                        </g>
                                      </g>
                                    </svg>
                                  </div>
                                  <!--可售房间-->
                                  <div class="but_top">{{val.roomNo}}</div>
                                  <div class="but_bottom">{{val.roomTypeName}}</div>
                                </div>
                              </a>
                            </div>
                          </div>
                        </div>
                      </el-tab-pane>
                    </div>
                  </transition>
                  <!--实时房态-->
                  <transition name="el-fade-in-linear">
                    <div v-show="tabs[1]" class="transition-box">
                      <el-tab-pane label="实时房态" name="second">
                        <div class="second">
                          <div class="second_left">
                            <div class="content">
                              <!--房号-->
                              <div class="s_con">
                                <div class="sc_title">房号</div>
                                <div class="sc_ass">
                                  <el-input v-model="s_roomNum" placeholder="请输入房号" clearable></el-input>
                                </div>
                              </div>
                              <!--楼层-->
                              <div class="s_con">
                                <div class="sc_title">楼层</div>
                                <div class="sc_ass">
                                  <el-dropdown trigger="click" @command="chooseFlood_RT_MED" style="cursor: pointer;
                                border: 1px solid rgb(220, 223, 230);
                                border-radius: 5px;
                                height: 30px;
                                padding: 0 10px;
                                line-height: 30px">
                                    <span class="el-dropdown-link">
                                      {{chooseFlood_RT}}<i class="el-icon-arrow-down el-icon--right"></i>
                                    </span>
                                    <el-dropdown-menu slot="dropdown">
                                      <el-dropdown-item command="全部楼层">全部楼层</el-dropdown-item>
                                      <el-dropdown-item command="一层">一层</el-dropdown-item>
                                      <el-dropdown-item command="二层">二层</el-dropdown-item>
                                      <el-dropdown-item command="三层">三层</el-dropdown-item>
                                      <el-dropdown-item command="四层">四层</el-dropdown-item>
                                    </el-dropdown-menu>
                                  </el-dropdown>
                                </div>
                              </div>
                              <!--房间状态-->
                              <div class="s_con sc_row" style="margin-left: 0">
                                <div class="sc_title">房间状态</div>
                                <!--房间状态筛选-->
                                <div class="tab_1_row tab_1_row3" style="padding-bottom: 0;border-bottom: none;margin-top: 5px">
                                  <div class="tab1_con">
                                    <div class="roomTypeRadios realTimeRadios roomTypeRadios_1" :class="roomTypeRadiosBoolean_realTime[0]?'rtr_choose_1':''" @click="roomTypeChange_RTR_realTime(3)">
                                      <div class="icon" :class="roomTypeRadiosBoolean_realTime[0]?'choose_1':'icon_not'"><div class="icon_in"></div></div>
                                      <span class="text">所有</span>
                                    </div>
                                    <div class="roomTypeRadios realTimeRadios roomTypeRadios_2" :class="roomTypeRadiosBoolean_realTime[1]?'rtr_choose_2':''" @click="roomTypeChange_RTR_realTime(0)">
                                      <div class="icon" :class="roomTypeRadiosBoolean_realTime[1]?'choose_2':'icon_not'"><div class="icon_in"></div></div>
                                      <span class="text">空房</span>
                                    </div>
                                    <div class="roomTypeRadios realTimeRadios roomTypeRadios_5" :class="roomTypeRadiosBoolean_realTime[2]?'rtr_choose_5':''" @click="roomTypeChange_RTR_realTime(1)">
                                      <div class="icon" :class="roomTypeRadiosBoolean_realTime[2]?'choose_5':'icon_not'"><div class="icon_in"></div></div>
                                      <span class="text">在住</span>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <!--事务状态-->
                              <div class="s_con sc_row" style="margin-left: 0">
                                <div class="sc_title">事务状态</div>
                                <!--房间状态筛选-->
                                <div class="tab_1_row tab_1_row3" style="padding-bottom: 0;border-bottom: none;margin-top: 5px">
                                  <div class="tab1_con">
                                    <div class="roomTypeRadios realTimeRadios" style="width: 83px" :class="realTimeChecked[0]?'realTimeChecked':'realTimeChecked_not'" @click="roomTypeChange_realTime(0)">
                                      <div class="rt_svg">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.68 34.12">
                                          <g id="图层_2" data-name="图层 2">
                                            <g id="图层_1-2" data-name="图层 1">
                                              <path class="cls-1" style="fill:#299f93;" d="M30.43,0H2.48A2.25,2.25,0,0,0,.24,2.23L0,27.92a6.41,6.41,0,0,0,6.22,6.2h19.9a6.49,6.49,0,0,0,6.32-6.2l.24-25.65A2.25,2.25,0,0,0,30.43,0ZM14.49,25.2c-3.19,2.23-3.77,2.63-4,3l-.27.34L10,28.1a5.83,5.83,0,0,0-.74-1.22l-.18-.22.24-.15a2,2,0,0,0,1-1.55v-7H6.86V16h5.43v8.39l2.87-1.9.09.34a7.27,7.27,0,0,0,.43,1.29l.1.2ZM8,11.22l1.41-1.3.17.16a28.7,28.7,0,0,1,3.16,3.33l.13.17L11.44,15l-.17-.25A25,25,0,0,0,8.22,11.4Zm17.79,2.09H22.2v13c0,.86-.14,1.7-1.15,2a13.63,13.63,0,0,1-4,.32h-.21l0-.21a5.16,5.16,0,0,0-.58-1.52L16,26.51l.48,0c1.57.07,3,0,3.39,0s.31-.07.31-.28v-13H13.89v-2H25.82Zm3.27-7.43a.62.62,0,0,1-.62.62H4.18a.62.62,0,0,1-.62-.62V5.4a.62.62,0,0,1,.62-.62H28.47a.62.62,0,0,1,.62.62Z"/>
                                            </g>
                                          </g>
                                        </svg>
                                      </div>
                                      <span class="text">已预订</span>
                                    </div>
                                    <div class="roomTypeRadios realTimeRadios" :class="realTimeChecked[1]?'realTimeChecked':'realTimeChecked_not'" @click="roomTypeChange_realTime(1)">
                                      <div class="rt_svg">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.42 34.61">
                                          <g id="图层_2" data-name="图层 2">
                                            <g id="图层_1-2" data-name="图层 1">
                                              <path class="cls-1" style="fill:#299f93;" d="M15.68,34.61a1.57,1.57,0,0,1-1.16-.54L13,32.54c-.17-.17-.34-.33-.51-.48s-.43-.4-.71-.69a7.22,7.22,0,0,1-1.46-2.12,6.11,6.11,0,0,1-.61-2.6V25.49a6.1,6.1,0,0,0-.31.53,3.72,3.72,0,0,0-.22.56q-.12.38-.23.79a7.75,7.75,0,0,0-.16.8,4.64,4.64,0,0,0-.06.66v2.5a1.36,1.36,0,0,1-.87,1.26,3.45,3.45,0,0,1-1.56.32,3.48,3.48,0,0,1-1.56-.39,1.46,1.46,0,0,1-.85-1.34V29a5.88,5.88,0,0,1,.4-2.24q.37-.91.84-1.94c.4-.91.71-1.64.9-2.19s.36-1,.47-1.22a2.68,2.68,0,0,0,.27-1.06h0l-.33.38a2.43,2.43,0,0,1-1,.74,5,5,0,0,1-1.48.16h-2A1.69,1.69,0,0,1,.4,20.78,2.76,2.76,0,0,1,0,19.27a2.89,2.89,0,0,1,.45-1.5A1.7,1.7,0,0,1,2,17H3.81a1.17,1.17,0,0,0,.41-.06.92.92,0,0,0,.28-.18l.41-.4q.24-.25.6-.57a4.17,4.17,0,0,0,.8-1q.44-.7.84-1.41c.3-.55.6-1.15.88-1.77l.13-.29,1.55.08,1,0c.67,0,1,0,1.59,0l.81,0,1.13-.07.14.08q.82.51,1.59.92l1.3.75a11.76,11.76,0,0,1,1,.63h0a6.09,6.09,0,0,1,1.49,1.52,3.28,3.28,0,0,1,.62,1.85v3a1.28,1.28,0,0,1-.88,1.19,4,4,0,0,1-3.08,0A1.32,1.32,0,0,1,15.58,20V18.77a.42.42,0,0,0-.11-.34A3.14,3.14,0,0,0,15,18.1s0,0-.17.1a.73.73,0,0,0-.21.62v8a1.61,1.61,0,0,0,.4,1.05,5.94,5.94,0,0,0,1.12,1,8.22,8.22,0,0,1,1.11.89l1,1a1,1,0,0,1,.27.92,2.83,2.83,0,0,1-.31.94,6.06,6.06,0,0,1-.58.91,3.11,3.11,0,0,1-.86.78A2.08,2.08,0,0,1,15.68,34.61ZM11.15,10.3a5.26,5.26,0,0,1-2.08-.42A5.48,5.48,0,0,1,7.39,8.77,5.3,5.3,0,0,1,6.26,7.15a4.91,4.91,0,0,1,0-4A5.31,5.31,0,0,1,7.39,1.52,5.48,5.48,0,0,1,9.07.42a5.38,5.38,0,0,1,4.15,0A5.48,5.48,0,0,1,14.9,1.52,5.09,5.09,0,0,1,16,3.16a5.08,5.08,0,0,1,0,4A5.09,5.09,0,0,1,14.9,8.77a5.48,5.48,0,0,1-1.68,1.11A5.25,5.25,0,0,1,11.15,10.3Z"/>
                                            </g>
                                          </g>
                                        </svg>
                                      </div>
                                      <span class="text">预离</span>
                                    </div>
                                    <div class="roomTypeRadios realTimeRadios" :class="realTimeChecked[2]?'realTimeChecked':'realTimeChecked_not'" @click="roomTypeChange_realTime(2)">
                                      <div class="rt_svg">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.13 37.32">
                                          <g id="图层_2" data-name="图层 2">
                                            <g id="图层_1-2" data-name="图层 1">
                                              <path class="cls-1" style="fill:#299f93;" d="M13.65,23.67a1.73,1.73,0,0,0-1.73,1.73,1.76,1.76,0,0,0,.86,1.38v1a.86.86,0,0,0,1.73,0v-1a1.37,1.37,0,0,0,.86-1.38A1.73,1.73,0,0,0,13.65,23.67Z"/>
                                              <path class="cls-1" style="fill:#299f93;" d="M23.84,15.2v-5a10.19,10.19,0,1,0-20.39,0v5A3.47,3.47,0,0,0,0,18.66v15.2a3.47,3.47,0,0,0,3.46,3.46H23.67a3.47,3.47,0,0,0,3.46-3.46V18.66A3.43,3.43,0,0,0,23.84,15.2Zm-7.6,12.61v.35a2.59,2.59,0,0,1-5.18,0v-.35a3.29,3.29,0,0,1-.86-2.25,3.47,3.47,0,0,1,3.46-3.46,3.36,3.36,0,0,1,3.46,3.46A3.28,3.28,0,0,1,16.24,27.82ZM22.12,15.2H5.18v-5a8.47,8.47,0,1,1,16.93,0Z"/>
                                            </g>
                                          </g>
                                        </svg>
                                      </div>
                                      <span class="text">锁定</span>
                                    </div>
                                    <div class="roomTypeRadios realTimeRadios" style="width: 83px" :class="realTimeChecked[3]?'realTimeChecked':'realTimeChecked_not'" @click="roomTypeChange_realTime(3)">
                                      <div class="rt_svg">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.9 34.95">
                                          <g id="图层_2" data-name="图层 2">
                                            <g id="图层_1-2" data-name="图层 1">
                                              <path class="cls-1" style="fill:#299f93;" d="M26,0a4.59,4.59,0,0,0-.51,0c-5,.78-7.61,5.25-6.84,10.17a.94.94,0,0,1-.26.82L3.09,26.32A4.57,4.57,0,0,0,2.9,33a4.81,4.81,0,0,0,6.86-.23L25.33,17.15c5.09,1.06,9.73-1.65,10.52-6.77.19-1.23-.3-1.93-.95-1.93a1.39,1.39,0,0,0-.95.46l-1,1.27a6.79,6.79,0,0,1-2.77,2.16,3.85,3.85,0,0,1-1.68.34c-5.51-.49-6.08-6.24-3.36-9L27,1.93C27.87,1,27.42,0,26,0ZM4.35,31.53a2.35,2.35,0,1,1,3.33,0,2.35,2.35,0,0,1-3.33,0ZM3.51.92,0,4.42,2.91,8.5,5.35,9.78l5.44,5.44,3.5-3.5L8.86,6.28,7.58,3.84ZM24,21.68l-3.49,3.49c-.32.32-.26.26.06.58L28.81,34c1.44,1.44,3.17,1.2,4.62-.4,1.1-1.21.72-2.71-.39-3.83l-8.17-8.17c-.33-.32-.55-.24-.87.09Zm0,0"/>
                                            </g>
                                          </g>
                                        </svg>
                                      </div>
                                      <span class="text">维修中</span>
                                    </div>
                                    <div class="roomTypeRadios realTimeRadios" :class="realTimeChecked[4]?'realTimeChecked':'realTimeChecked_not'" @click="roomTypeChange_realTime(4)">
                                      <div class="rt_svg">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34.64 35.03">
                                          <g id="图层_2" data-name="图层 2">
                                            <g id="图层_1-2" data-name="图层 1">
                                              <path class="cls-1" style="fill:none;" d="M18.42,11.39H16.9c-.49,0-.88.28-.88.62V30.39c0,.34.39.62.88.62h1.52c.49,0,.88-.28.88-.62V12C19.3,11.67,18.91,11.39,18.42,11.39Z"/>
                                              <path class="cls-1" style="fill:none;" d="M10.46,11.39H8.94c-.49,0-.88.28-.88.62V30.38c0,.35.4.64.9.64h1.5c.49,0,.88-.28.88-.62V12C11.34,11.67,10.95,11.39,10.46,11.39Z"/>
                                              <path class="cls-1" style="fill:none;" d="M26.38,11.39H24.86c-.49,0-.88.28-.88.62V30.39c0,.34.39.62.88.62h1.52c.49,0,.88-.28.88-.62V12C27.26,11.67,26.87,11.39,26.38,11.39Z"/>
                                              <path class="cls-2" style="fill:#299f93;" d="M33.67,5.48H26.5V3.66A3.7,3.7,0,0,0,22.73,0H11.55a3.55,3.55,0,0,0-3.6,3.66V5.48H1a1,1,0,0,0-1,1c0,.49.36.83,1,.83l2.42,0V31.52A3.35,3.35,0,0,0,6.88,35H27.79a3.53,3.53,0,0,0,3.84-3.75V7.21h2.05a.86.86,0,0,0,1-.86A.94.94,0,0,0,33.67,5.48ZM11.57,1.74H22.75a2,2,0,0,1,1.92,1.92V5.48h-15V3.66A2,2,0,0,1,11.57,1.74Zm-.23,28.66c0,.34-.39.62-.88.62H9c-.5,0-.9-.28-.9-.64V12c0-.34.39-.62.88-.62h1.52c.49,0,.88.28.88.62Zm8,0c0,.34-.39.62-.88.62H16.9c-.49,0-.88-.28-.88-.62V12c0-.34.39-.62.88-.62h1.52c.49,0,.88.28.88.62Zm8,0c0,.34-.39.62-.88.62H24.86c-.49,0-.88-.28-.88-.62V12c0-.34.39-.62.88-.62h1.52c.49,0,.88.28.88.62Z"/>
                                            </g>
                                          </g>
                                        </svg>
                                      </div>
                                      <span class="text">脏房</span>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="second_right">
                            <!--房间类型-->
                            <div class="sr_top">
                              <div class="tab_1_row tab_1_row4">
                                <div class="tab1_con">
                                  <div class="tttc_button" :class="val.id == radio_roomClassification_RT?'tcb_active':''" @click="roomClassification_RT_change(val.id)" v-for="(val,index) in roomClassification_RT">
                                    <label v-if="val.num == undefined">{{val.name}}</label>
                                    <label v-else>{{val.name}}-{{val.num}}</label>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <!--房间列表-->
                            <div class="sr_bottom">
                              <div class="roomList" v-if="publicRealTimeRoomsList.length > 0">
                                <div class="lodingDiv" v-if="isLoading">
                                  <div class="loginIcon">
                                    <img src="../../assets/loading.gif"/>
                                  </div>
                                  <div class="loginText">加载中，请稍后...</div>
                                </div>
                                  <div @click="chooseRoom_RT(val.roomId,val,val.book_status,val.leave_status,val.current_status)" v-for="(val,index) in publicRealTimeRoomsList">
                                    <a href="javascript:void (0)">
                                      <div :id="'realTime' + val.roomId" class="rooms" :class="val.roomType == 0?'roomType1':'' || val.roomType == 1?'roomType4':''">
                                          <div class="but_top">{{val.roomNo}}</div>
                                          <div class="but_bottom">{{val.roomTypeName}}</div>
                                          <div class="status">
                                            <!--已预定(空房状态)-->
                                            <div class="sta" v-if="val.book_status == 1 && val.roomType != 1">
                                              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.68 34.12">
                                                <g id="图层_2" data-name="图层 2">
                                                  <g id="图层_1-2" data-name="图层 1">
                                                    <path class="cls-1" style="fill:#299f93;" d="M30.43,0H2.48A2.25,2.25,0,0,0,.24,2.23L0,27.92a6.41,6.41,0,0,0,6.22,6.2h19.9a6.49,6.49,0,0,0,6.32-6.2l.24-25.65A2.25,2.25,0,0,0,30.43,0ZM14.49,25.2c-3.19,2.23-3.77,2.63-4,3l-.27.34L10,28.1a5.83,5.83,0,0,0-.74-1.22l-.18-.22.24-.15a2,2,0,0,0,1-1.55v-7H6.86V16h5.43v8.39l2.87-1.9.09.34a7.27,7.27,0,0,0,.43,1.29l.1.2ZM8,11.22l1.41-1.3.17.16a28.7,28.7,0,0,1,3.16,3.33l.13.17L11.44,15l-.17-.25A25,25,0,0,0,8.22,11.4Zm17.79,2.09H22.2v13c0,.86-.14,1.7-1.15,2a13.63,13.63,0,0,1-4,.32h-.21l0-.21a5.16,5.16,0,0,0-.58-1.52L16,26.51l.48,0c1.57.07,3,0,3.39,0s.31-.07.31-.28v-13H13.89v-2H25.82Zm3.27-7.43a.62.62,0,0,1-.62.62H4.18a.62.62,0,0,1-.62-.62V5.4a.62.62,0,0,1,.62-.62H28.47a.62.62,0,0,1,.62.62Z"/>
                                                  </g>
                                                </g>
                                              </svg>
                                            </div>
                                            <!--已预定(预订房状态)-->
                                            <div class="sta" v-if="val.book_status == 1 && val.roomType == 1">
                                              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.68 34.12">
                                                <g id="图层_2" data-name="图层 2">
                                                  <g id="图层_1-2" data-name="图层 1">
                                                    <path class="cls-1" style="fill:#fff;" d="M30.43,0H2.48A2.25,2.25,0,0,0,.24,2.23L0,27.92a6.41,6.41,0,0,0,6.22,6.2h19.9a6.49,6.49,0,0,0,6.32-6.2l.24-25.65A2.25,2.25,0,0,0,30.43,0ZM14.49,25.2c-3.19,2.23-3.77,2.63-4,3l-.27.34L10,28.1a5.83,5.83,0,0,0-.74-1.22l-.18-.22.24-.15a2,2,0,0,0,1-1.55v-7H6.86V16h5.43v8.39l2.87-1.9.09.34a7.27,7.27,0,0,0,.43,1.29l.1.2ZM8,11.22l1.41-1.3.17.16a28.7,28.7,0,0,1,3.16,3.33l.13.17L11.44,15l-.17-.25A25,25,0,0,0,8.22,11.4Zm17.79,2.09H22.2v13c0,.86-.14,1.7-1.15,2a13.63,13.63,0,0,1-4,.32h-.21l0-.21a5.16,5.16,0,0,0-.58-1.52L16,26.51l.48,0c1.57.07,3,0,3.39,0s.31-.07.31-.28v-13H13.89v-2H25.82Zm3.27-7.43a.62.62,0,0,1-.62.62H4.18a.62.62,0,0,1-.62-.62V5.4a.62.62,0,0,1,.62-.62H28.47a.62.62,0,0,1,.62.62Z"/>
                                                  </g>
                                                </g>
                                              </svg>
                                            </div>
                                            <!--预离(空房状态)-->
                                            <div class="sta" v-if="val.leave_status == 1 && val.roomType != 1">
                                              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.42 34.61">
                                                <g id="图层_2" data-name="图层 2">
                                                  <g id="图层_1-2" data-name="图层 1">
                                                    <path class="cls-1" style="fill:#299f93;" d="M15.68,34.61a1.57,1.57,0,0,1-1.16-.54L13,32.54c-.17-.17-.34-.33-.51-.48s-.43-.4-.71-.69a7.22,7.22,0,0,1-1.46-2.12,6.11,6.11,0,0,1-.61-2.6V25.49a6.1,6.1,0,0,0-.31.53,3.72,3.72,0,0,0-.22.56q-.12.38-.23.79a7.75,7.75,0,0,0-.16.8,4.64,4.64,0,0,0-.06.66v2.5a1.36,1.36,0,0,1-.87,1.26,3.45,3.45,0,0,1-1.56.32,3.48,3.48,0,0,1-1.56-.39,1.46,1.46,0,0,1-.85-1.34V29a5.88,5.88,0,0,1,.4-2.24q.37-.91.84-1.94c.4-.91.71-1.64.9-2.19s.36-1,.47-1.22a2.68,2.68,0,0,0,.27-1.06h0l-.33.38a2.43,2.43,0,0,1-1,.74,5,5,0,0,1-1.48.16h-2A1.69,1.69,0,0,1,.4,20.78,2.76,2.76,0,0,1,0,19.27a2.89,2.89,0,0,1,.45-1.5A1.7,1.7,0,0,1,2,17H3.81a1.17,1.17,0,0,0,.41-.06.92.92,0,0,0,.28-.18l.41-.4q.24-.25.6-.57a4.17,4.17,0,0,0,.8-1q.44-.7.84-1.41c.3-.55.6-1.15.88-1.77l.13-.29,1.55.08,1,0c.67,0,1,0,1.59,0l.81,0,1.13-.07.14.08q.82.51,1.59.92l1.3.75a11.76,11.76,0,0,1,1,.63h0a6.09,6.09,0,0,1,1.49,1.52,3.28,3.28,0,0,1,.62,1.85v3a1.28,1.28,0,0,1-.88,1.19,4,4,0,0,1-3.08,0A1.32,1.32,0,0,1,15.58,20V18.77a.42.42,0,0,0-.11-.34A3.14,3.14,0,0,0,15,18.1s0,0-.17.1a.73.73,0,0,0-.21.62v8a1.61,1.61,0,0,0,.4,1.05,5.94,5.94,0,0,0,1.12,1,8.22,8.22,0,0,1,1.11.89l1,1a1,1,0,0,1,.27.92,2.83,2.83,0,0,1-.31.94,6.06,6.06,0,0,1-.58.91,3.11,3.11,0,0,1-.86.78A2.08,2.08,0,0,1,15.68,34.61ZM11.15,10.3a5.26,5.26,0,0,1-2.08-.42A5.48,5.48,0,0,1,7.39,8.77,5.3,5.3,0,0,1,6.26,7.15a4.91,4.91,0,0,1,0-4A5.31,5.31,0,0,1,7.39,1.52,5.48,5.48,0,0,1,9.07.42a5.38,5.38,0,0,1,4.15,0A5.48,5.48,0,0,1,14.9,1.52,5.09,5.09,0,0,1,16,3.16a5.08,5.08,0,0,1,0,4A5.09,5.09,0,0,1,14.9,8.77a5.48,5.48,0,0,1-1.68,1.11A5.25,5.25,0,0,1,11.15,10.3Z"/>
                                                  </g>
                                                </g>
                                              </svg>
                                            </div>
                                            <!--预离(预订房状态)-->
                                            <div class="sta" v-if="val.leave_status == 1 && val.roomType == 1">
                                              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.42 34.61">
                                                <g id="图层_2" data-name="图层 2">
                                                  <g id="图层_1-2" data-name="图层 1">
                                                    <path class="cls-1" style="fill:#fff;" d="M15.68,34.61a1.57,1.57,0,0,1-1.16-.54L13,32.54c-.17-.17-.34-.33-.51-.48s-.43-.4-.71-.69a7.22,7.22,0,0,1-1.46-2.12,6.11,6.11,0,0,1-.61-2.6V25.49a6.1,6.1,0,0,0-.31.53,3.72,3.72,0,0,0-.22.56q-.12.38-.23.79a7.75,7.75,0,0,0-.16.8,4.64,4.64,0,0,0-.06.66v2.5a1.36,1.36,0,0,1-.87,1.26,3.45,3.45,0,0,1-1.56.32,3.48,3.48,0,0,1-1.56-.39,1.46,1.46,0,0,1-.85-1.34V29a5.88,5.88,0,0,1,.4-2.24q.37-.91.84-1.94c.4-.91.71-1.64.9-2.19s.36-1,.47-1.22a2.68,2.68,0,0,0,.27-1.06h0l-.33.38a2.43,2.43,0,0,1-1,.74,5,5,0,0,1-1.48.16h-2A1.69,1.69,0,0,1,.4,20.78,2.76,2.76,0,0,1,0,19.27a2.89,2.89,0,0,1,.45-1.5A1.7,1.7,0,0,1,2,17H3.81a1.17,1.17,0,0,0,.41-.06.92.92,0,0,0,.28-.18l.41-.4q.24-.25.6-.57a4.17,4.17,0,0,0,.8-1q.44-.7.84-1.41c.3-.55.6-1.15.88-1.77l.13-.29,1.55.08,1,0c.67,0,1,0,1.59,0l.81,0,1.13-.07.14.08q.82.51,1.59.92l1.3.75a11.76,11.76,0,0,1,1,.63h0a6.09,6.09,0,0,1,1.49,1.52,3.28,3.28,0,0,1,.62,1.85v3a1.28,1.28,0,0,1-.88,1.19,4,4,0,0,1-3.08,0A1.32,1.32,0,0,1,15.58,20V18.77a.42.42,0,0,0-.11-.34A3.14,3.14,0,0,0,15,18.1s0,0-.17.1a.73.73,0,0,0-.21.62v8a1.61,1.61,0,0,0,.4,1.05,5.94,5.94,0,0,0,1.12,1,8.22,8.22,0,0,1,1.11.89l1,1a1,1,0,0,1,.27.92,2.83,2.83,0,0,1-.31.94,6.06,6.06,0,0,1-.58.91,3.11,3.11,0,0,1-.86.78A2.08,2.08,0,0,1,15.68,34.61ZM11.15,10.3a5.26,5.26,0,0,1-2.08-.42A5.48,5.48,0,0,1,7.39,8.77,5.3,5.3,0,0,1,6.26,7.15a4.91,4.91,0,0,1,0-4A5.31,5.31,0,0,1,7.39,1.52,5.48,5.48,0,0,1,9.07.42a5.38,5.38,0,0,1,4.15,0A5.48,5.48,0,0,1,14.9,1.52,5.09,5.09,0,0,1,16,3.16a5.08,5.08,0,0,1,0,4A5.09,5.09,0,0,1,14.9,8.77a5.48,5.48,0,0,1-1.68,1.11A5.25,5.25,0,0,1,11.15,10.3Z"/>
                                                  </g>
                                                </g>
                                              </svg>
                                            </div>
                                            <!--锁定(空房状态)-->
                                            <div class="sta" v-if="val.is_locked == 1 && val.roomType != 1">
                                              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.13 37.32">
                                                <g id="图层_2" data-name="图层 2">
                                                  <g id="图层_1-2" data-name="图层 1">
                                                    <path class="cls-1" style="fill:#299f93;" d="M13.65,23.67a1.73,1.73,0,0,0-1.73,1.73,1.76,1.76,0,0,0,.86,1.38v1a.86.86,0,0,0,1.73,0v-1a1.37,1.37,0,0,0,.86-1.38A1.73,1.73,0,0,0,13.65,23.67Z"/>
                                                    <path class="cls-1" style="fill:#299f93;" d="M23.84,15.2v-5a10.19,10.19,0,1,0-20.39,0v5A3.47,3.47,0,0,0,0,18.66v15.2a3.47,3.47,0,0,0,3.46,3.46H23.67a3.47,3.47,0,0,0,3.46-3.46V18.66A3.43,3.43,0,0,0,23.84,15.2Zm-7.6,12.61v.35a2.59,2.59,0,0,1-5.18,0v-.35a3.29,3.29,0,0,1-.86-2.25,3.47,3.47,0,0,1,3.46-3.46,3.36,3.36,0,0,1,3.46,3.46A3.28,3.28,0,0,1,16.24,27.82ZM22.12,15.2H5.18v-5a8.47,8.47,0,1,1,16.93,0Z"/>
                                                  </g>
                                                </g>
                                              </svg>
                                            </div>
                                            <!--锁定(预订房状态)-->
                                            <div class="sta" v-if="val.is_locked == 1 && val.roomType == 1">
                                              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.13 37.32">
                                                <g id="图层_2" data-name="图层 2">
                                                  <g id="图层_1-2" data-name="图层 1">
                                                    <path class="cls-1" style="fill:#fff;" d="M13.65,23.67a1.73,1.73,0,0,0-1.73,1.73,1.76,1.76,0,0,0,.86,1.38v1a.86.86,0,0,0,1.73,0v-1a1.37,1.37,0,0,0,.86-1.38A1.73,1.73,0,0,0,13.65,23.67Z"/>
                                                    <path class="cls-1" style="fill:#fff;" d="M23.84,15.2v-5a10.19,10.19,0,1,0-20.39,0v5A3.47,3.47,0,0,0,0,18.66v15.2a3.47,3.47,0,0,0,3.46,3.46H23.67a3.47,3.47,0,0,0,3.46-3.46V18.66A3.43,3.43,0,0,0,23.84,15.2Zm-7.6,12.61v.35a2.59,2.59,0,0,1-5.18,0v-.35a3.29,3.29,0,0,1-.86-2.25,3.47,3.47,0,0,1,3.46-3.46,3.36,3.36,0,0,1,3.46,3.46A3.28,3.28,0,0,1,16.24,27.82ZM22.12,15.2H5.18v-5a8.47,8.47,0,1,1,16.93,0Z"/>
                                                  </g>
                                                </g>
                                              </svg>
                                            </div>
                                          </div>
                                          <div class="status_right">
                                            <!--维修中(空房状态)-->
                                            <div class="sta" v-if="val.repair_status == 1 && val.roomType != 1">
                                              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.9 34.95">
                                                <g id="图层_2" data-name="图层 2">
                                                  <g id="图层_1-2" data-name="图层 1">
                                                    <path class="cls-1" style="fill:#299f93;" d="M26,0a4.59,4.59,0,0,0-.51,0c-5,.78-7.61,5.25-6.84,10.17a.94.94,0,0,1-.26.82L3.09,26.32A4.57,4.57,0,0,0,2.9,33a4.81,4.81,0,0,0,6.86-.23L25.33,17.15c5.09,1.06,9.73-1.65,10.52-6.77.19-1.23-.3-1.93-.95-1.93a1.39,1.39,0,0,0-.95.46l-1,1.27a6.79,6.79,0,0,1-2.77,2.16,3.85,3.85,0,0,1-1.68.34c-5.51-.49-6.08-6.24-3.36-9L27,1.93C27.87,1,27.42,0,26,0ZM4.35,31.53a2.35,2.35,0,1,1,3.33,0,2.35,2.35,0,0,1-3.33,0ZM3.51.92,0,4.42,2.91,8.5,5.35,9.78l5.44,5.44,3.5-3.5L8.86,6.28,7.58,3.84ZM24,21.68l-3.49,3.49c-.32.32-.26.26.06.58L28.81,34c1.44,1.44,3.17,1.2,4.62-.4,1.1-1.21.72-2.71-.39-3.83l-8.17-8.17c-.33-.32-.55-.24-.87.09Zm0,0"/>
                                                  </g>
                                                </g>
                                              </svg>
                                            </div>
                                            <!--维修中(预订房状态)-->
                                            <div class="sta" v-if="val.repair_status == 1 && val.roomType == 1">
                                              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.9 34.95">
                                                <g id="图层_2" data-name="图层 2">
                                                  <g id="图层_1-2" data-name="图层 1">
                                                    <path class="cls-1" style="fill:#fff;" d="M26,0a4.59,4.59,0,0,0-.51,0c-5,.78-7.61,5.25-6.84,10.17a.94.94,0,0,1-.26.82L3.09,26.32A4.57,4.57,0,0,0,2.9,33a4.81,4.81,0,0,0,6.86-.23L25.33,17.15c5.09,1.06,9.73-1.65,10.52-6.77.19-1.23-.3-1.93-.95-1.93a1.39,1.39,0,0,0-.95.46l-1,1.27a6.79,6.79,0,0,1-2.77,2.16,3.85,3.85,0,0,1-1.68.34c-5.51-.49-6.08-6.24-3.36-9L27,1.93C27.87,1,27.42,0,26,0ZM4.35,31.53a2.35,2.35,0,1,1,3.33,0,2.35,2.35,0,0,1-3.33,0ZM3.51.92,0,4.42,2.91,8.5,5.35,9.78l5.44,5.44,3.5-3.5L8.86,6.28,7.58,3.84ZM24,21.68l-3.49,3.49c-.32.32-.26.26.06.58L28.81,34c1.44,1.44,3.17,1.2,4.62-.4,1.1-1.21.72-2.71-.39-3.83l-8.17-8.17c-.33-.32-.55-.24-.87.09Zm0,0"/>
                                                  </g>
                                                </g>
                                              </svg>
                                            </div>
                                            <!--脏房(空房状态)-->
                                            <div class="sta" v-if="val.clean_status == 1 && val.roomType != 1">
                                              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34.64 35.03">
                                                <g id="图层_2" data-name="图层 2">
                                                  <g id="图层_1-2" data-name="图层 1">
                                                    <path class="cls-1" style="fill:none;" d="M18.42,11.39H16.9c-.49,0-.88.28-.88.62V30.39c0,.34.39.62.88.62h1.52c.49,0,.88-.28.88-.62V12C19.3,11.67,18.91,11.39,18.42,11.39Z"/>
                                                    <path class="cls-1" style="fill:none;" d="M10.46,11.39H8.94c-.49,0-.88.28-.88.62V30.38c0,.35.4.64.9.64h1.5c.49,0,.88-.28.88-.62V12C11.34,11.67,10.95,11.39,10.46,11.39Z"/>
                                                    <path class="cls-1" style="fill:none;" d="M26.38,11.39H24.86c-.49,0-.88.28-.88.62V30.39c0,.34.39.62.88.62h1.52c.49,0,.88-.28.88-.62V12C27.26,11.67,26.87,11.39,26.38,11.39Z"/>
                                                    <path class="cls-2" style="fill:#299f93;" d="M33.67,5.48H26.5V3.66A3.7,3.7,0,0,0,22.73,0H11.55a3.55,3.55,0,0,0-3.6,3.66V5.48H1a1,1,0,0,0-1,1c0,.49.36.83,1,.83l2.42,0V31.52A3.35,3.35,0,0,0,6.88,35H27.79a3.53,3.53,0,0,0,3.84-3.75V7.21h2.05a.86.86,0,0,0,1-.86A.94.94,0,0,0,33.67,5.48ZM11.57,1.74H22.75a2,2,0,0,1,1.92,1.92V5.48h-15V3.66A2,2,0,0,1,11.57,1.74Zm-.23,28.66c0,.34-.39.62-.88.62H9c-.5,0-.9-.28-.9-.64V12c0-.34.39-.62.88-.62h1.52c.49,0,.88.28.88.62Zm8,0c0,.34-.39.62-.88.62H16.9c-.49,0-.88-.28-.88-.62V12c0-.34.39-.62.88-.62h1.52c.49,0,.88.28.88.62Zm8,0c0,.34-.39.62-.88.62H24.86c-.49,0-.88-.28-.88-.62V12c0-.34.39-.62.88-.62h1.52c.49,0,.88.28.88.62Z"/>
                                                  </g>
                                                </g>
                                              </svg>
                                            </div>
                                            <!--脏房(预订房状态)-->
                                            <div class="sta" v-if="val.clean_status == 1 && val.roomType == 1">
                                              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34.64 35.03">
                                                <g id="图层_2" data-name="图层 2">
                                                  <g id="图层_1-2" data-name="图层 1">
                                                    <path class="cls-1" style="fill:none;" d="M18.42,11.39H16.9c-.49,0-.88.28-.88.62V30.39c0,.34.39.62.88.62h1.52c.49,0,.88-.28.88-.62V12C19.3,11.67,18.91,11.39,18.42,11.39Z"/>
                                                    <path class="cls-1" style="fill:none;" d="M10.46,11.39H8.94c-.49,0-.88.28-.88.62V30.38c0,.35.4.64.9.64h1.5c.49,0,.88-.28.88-.62V12C11.34,11.67,10.95,11.39,10.46,11.39Z"/>
                                                    <path class="cls-1" style="fill:none;" d="M26.38,11.39H24.86c-.49,0-.88.28-.88.62V30.39c0,.34.39.62.88.62h1.52c.49,0,.88-.28.88-.62V12C27.26,11.67,26.87,11.39,26.38,11.39Z"/>
                                                    <path class="cls-2" style="fill:#fff;" d="M33.67,5.48H26.5V3.66A3.7,3.7,0,0,0,22.73,0H11.55a3.55,3.55,0,0,0-3.6,3.66V5.48H1a1,1,0,0,0-1,1c0,.49.36.83,1,.83l2.42,0V31.52A3.35,3.35,0,0,0,6.88,35H27.79a3.53,3.53,0,0,0,3.84-3.75V7.21h2.05a.86.86,0,0,0,1-.86A.94.94,0,0,0,33.67,5.48ZM11.57,1.74H22.75a2,2,0,0,1,1.92,1.92V5.48h-15V3.66A2,2,0,0,1,11.57,1.74Zm-.23,28.66c0,.34-.39.62-.88.62H9c-.5,0-.9-.28-.9-.64V12c0-.34.39-.62.88-.62h1.52c.49,0,.88.28.88.62Zm8,0c0,.34-.39.62-.88.62H16.9c-.49,0-.88-.28-.88-.62V12c0-.34.39-.62.88-.62h1.52c.49,0,.88.28.88.62Zm8,0c0,.34-.39.62-.88.62H24.86c-.49,0-.88-.28-.88-.62V12c0-.34.39-.62.88-.62h1.52c.49,0,.88.28.88.62Z"/>
                                                  </g>
                                                </g>
                                              </svg>
                                            </div>
                                          </div>
                                      </div>
                                    </a>
                                  </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </el-tab-pane>
                    </div>
                  </transition>
                </div>
              </el-tabs>
            </div>
          </div>
        </el-col>
        <!--右侧组件视图-->
        <el-col :span="8">
          <div class="box_right">
            <!--今日房价-->
            <div class="today box" v-if="!realTimeSwich">
              <div class="top box_right_top">
                <el-row type="flex" class="row-bg" justify="space-between">
                  <el-col :span="12">
                    <div class="top_l">今日房价（执行价/会员价）</div>
                  </el-col>
                  <el-col :span="3">
                    <el-switch
                      v-model="todaySwich"
                      active-color="#13ce66"
                      inactive-color="#D4D4D4"
                      @change="switchChange">
                    </el-switch>
                  </el-col>
                </el-row>
              </div>
              <transition name="el-zoom-in-top">
                <div v-show="todayShow">
                  <div class="box_right_bottom">
                    <div class="b_content">
                      <div class="b_con" v-for="(val,index) in todayRooms">
                        <div class="bc_l">{{val.roomName}}</div>
                        <!--<div class="bc_r">{{val.strike_price}} / {{val.member_price}}</div>-->
                        <div class="bc_r">
                          <div>
                            执行价：￥{{val.strike_price}}
                          </div>
                          <div style="margin-top: 5px">
                            会员价：￥{{val.member_price}}
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </transition>
            </div>
            <!--房务管理板块-->
            <div class="houseManagement box" v-if="realTimeSwich">
              <div class="title">
                <div class="title_text">房务管理</div>
                <div class="title_button">
                  <el-switch
                    v-model="hmSwich"
                    active-color="#13ce66"
                    inactive-color="#D4D4D4"
                    @change="hm_switchChange">
                  </el-switch>
                </div>
              </div>
              <transition name="el-zoom-in-top">
                <div v-show="hmSwich">
                  <div class="content">
                    <div class="con">
                      <div class="con_text">锁定</div>
                      <div class="con_swich">
                        <el-switch
                          v-model="lockSwich"
                          active-color="#13ce66"
                          inactive-color="#D4D4D4"
                          @change="lock_switchChange">
                        </el-switch>
                      </div>
                    </div>
                    <div class="con">
                      <div class="con_text">维修</div>
                      <div class="con_swich">
                        <el-switch
                          v-model="repairSwich"
                          active-color="#13ce66"
                          inactive-color="#D4D4D4"
                          @change="repair_switchChange">
                        </el-switch>
                      </div>
                    </div>
                    <div class="con">
                      <div class="con_text">脏房</div>
                      <div class="con_swich">
                        <el-switch
                          v-model="dirtySwich"
                          active-color="#13ce66"
                          inactive-color="#D4D4D4"
                          @change="dirty_switchChange">
                        </el-switch>
                      </div>
                    </div>
                  </div>
                </div>
              </transition>
            </div>
            <!--远期房态板块-->
            <div class="forwardHousing box" v-if="realTimeSwich">
              <div class="title">
                <div class="title_text">远期房态</div>
                <div class="title_button">
                  <el-switch
                    v-model="fhSwich"
                    active-color="#13ce66"
                    inactive-color="#D4D4D4"
                    @change="fh_switchChange">
                  </el-switch>
                </div>
              </div>
              <transition name="el-zoom-in-top">
                <div v-show="fhSwich">
                  <div class="content">
                    <div class="con" v-for="(val,index) in fhList" @click="fhClick(val,index)">
                      <div class="con_top">{{val.date.substring(5,val.date.length)}}</div>
                      <div class="con_bottom" :class=" s_chooseDay == index?'s_chooseDay':'' || val.order_house_status != undefined?'con_bottom_reserve':''">
                        <div class="symbol">￥</div>
                        <div class="money">{{parseInt(val.strike_price)}}</div>
                      </div>
                    </div>
                  </div>
                </div>
              </transition>
            </div>
            <!--房间解锁板块-->
            <div class="houseManagement box" v-if="hlShow && !realTimeSwich">
              <div class="title">
                <div class="title_text">房间解锁({{lockHouseNo}})</div>
              </div>
              <div>
                <div class="content">
                  <div class="con">
                    <div class="con_text">锁定</div>
                    <div class="con_swich">
                      <el-switch
                        v-model="houseLockSwich"
                        active-color="#13ce66"
                        inactive-color="#D4D4D4"
                        @change="houseLockChange">
                      </el-switch>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!--实时房态待办板块-->
            <div class="houseManagement box" v-if="backlogSwich">
              <div class="title">
                <div class="title_text">待办<span class="backlogNum">{{backlogNum}}</span></div>
                <div class="title_button">
                  <el-switch
                    v-model="backlogOpenSwich"
                    active-color="#13ce66"
                    inactive-color="#D4D4D4"
                    @change="hm_switchChange">
                  </el-switch>
                </div>
              </div>
              <transition name="el-zoom-in-top">
                <div v-show="backlogOpenSwich">
                  <div class="content">
                    <el-table
                      :data="backlogData"
                      border
                      style="width: 100%">
                      <el-table-column
                        label="类型"
                        width="80"
                        align="center">
                        <template slot-scope="scope">
                          <!--0:其他，1：换房，2：续房，3：退房，4：加床，5：清扫-->
                          <span v-if="scope.row.call_type == 0">其他</span>
                          <span v-if="scope.row.call_type == 1">换房</span>
                          <span v-if="scope.row.call_type == 2">续房</span>
                          <span v-if="scope.row.call_type == 3">退房</span>
                          <span v-if="scope.row.call_type == 4">加床</span>
                          <span v-if="scope.row.call_type == 5">清扫</span>
                        </template>
                      </el-table-column>
                      <el-table-column
                        prop="created_at"
                        label="时间"
                        width="180"
                        align="center">
                      </el-table-column>
                      <el-table-column
                        prop="remark"
                        label="说明"
                        width="180"
                        align="center">
                      </el-table-column>
                      <el-table-column
                        label="状态"
                        width="80"
                        align="center">
                        <template slot-scope="scope">
                          <span v-if="scope.row.status == 0">待办</span>
                          <span v-if="scope.row.status == 1">已办</span>
                        </template>
                      </el-table-column>
                      <el-table-column
                        prop="hotel_user_name"
                        label="办理人"
                        width="80"
                        align="center">
                      </el-table-column>
                      <el-table-column
                        label=""
                        align="center">
                        <template slot-scope="scope">
                          <span v-if="scope.row.status == 0">
                            <el-button type="success" size="mini" @click="toDo(scope.row.id,scope.row.order_id,scope.row.house_id)">办理</el-button>
                          </span>
                        </template>
                      </el-table-column>
                    </el-table>
                  </div>
                </div>
              </transition>
            </div>
            <!--打印板块-->
            <div id="printing" v-if="printShow">
              <div id="printCon">
                <div class="pc_con pcc_1">
                  <div class="con_1_1">{{printInfo.con_1.name}}</div>
                  <div class="con_1_2" v-if="printInfo.con_1.type == 0">押金单 Deposit</div>
                  <div class="con_1_2" v-if="printInfo.con_1.type == 1">换房单 Change Room</div>
                  <div class="con_1_2" v-if="printInfo.con_1.type == 2">订单明细 Order Details</div>
                  <div class="con_1_2" v-if="printInfo.con_1.type == 3">入住单 Check In</div>
                  <div class="con_1_3">
                    <div class="c_l cl_two">
                      <div class="clt_t">打印时间</div>
                      <div class="clt_b">Print Time</div>
                    </div>
                    <div class="c_r cr_two">{{printInfo.con_1.time}}</div>
                  </div>
                  <div class="con_1_3">
                    <div class="c_l cl_two">
                      <div class="clt_t">订单号</div>
                      <div class="clt_b">No</div>
                    </div>
                    <div class="c_r cr_two">{{printInfo.con_1.orderNo}}</div>
                  </div>
                </div>
                <div class="pc_con pcc_2" v-if="printInfo.con_1.type == 2">
                  <div class="c132_title">
                    <div class="c132_con">
                      <div class="c_t">科目</div>
                    </div>
                    <div class="c132_con">
                      <div class="c_t">房号</div>
                    </div>
                    <div class="c132_con">
                      <div class="c_t">时间</div>
                    </div>
                    <div class="c132_con">
                      <div class="c_t">金额</div>
                    </div>
                  </div>
                  <div class="con_1_3_2" v-for="(val,index) in printInfo.con_2_1">
                    <div class="c132_con">
                      <div class="c_b">{{val.subject_name}}</div>
                    </div>
                    <div class="c132_con">
                      <div class="c_b">{{val.house_no}}</div>
                    </div>
                    <div class="c132_con">
                      <div class="c_b">{{val.pay_at}}</div>
                    </div>
                    <div class="c132_con">
                      <div class="c_b">{{val.money}}</div>
                    </div>
                  </div>
                </div>
                <div class="pc_con pcc_2">
                  <!--押金单-->
                  <div class="con_1_3" v-if="printInfo.con_1.type == 0">
                    <div class="c_l">预交金额 Prepayment：</div>
                    <div class="c_r">
                      <div>{{printInfo.con_2.prepayment}}  {{printInfo.con_2.prepayment_text}}</div>
                      <div>现金押金</div>
                    </div>
                  </div>
                  <!--入住单-->
                  <div class="con_1_3" v-if="printInfo.con_1.type == 3">
                    <div class="c_l">房间 Room No：</div>
                    <div class="c_r">
                      <div>{{printInfo.con_2.roomNo}}</div>
                    </div>
                  </div>
                  <div class="con_1_3" v-if="printInfo.con_1.type == 3">
                    <div class="c_l">入住时间 In Date：</div>
                    <div class="c_r">
                      <div>{{printInfo.con_2.startTime}}</div>
                    </div>
                  </div>
                  <div class="con_1_3" v-if="printInfo.con_1.type == 3">
                    <div class="c_l">离店时间 Out Date：</div>
                    <div class="c_r">
                      <div>{{printInfo.con_2.endTime}}</div>
                    </div>
                  </div>
                  <div class="con_1_3" v-if="printInfo.con_1.type == 3">
                    <div class="c_l">宾客姓名 Name：</div>
                    <div class="c_r">{{printInfo.con_3.user_name}}</div>
                  </div>
                  <!--<div class="con_1_3" v-if="printInfo.con_1.type == 3">-->
                    <!--<div class="c_l">宾客证件 Card Id：</div>-->
                    <!--<div class="c_r">-->
                      <!--<div>{{printInfo.con_2.userIdCard}}</div>-->
                    <!--</div>-->
                  <!--</div>-->
                  <!--换房单-->
                  <div class="con_1_3" v-if="printInfo.con_1.type == 1">
                    <div class="c_l">原房间 Old Room：</div>
                    <div class="c_r">
                      <div>{{printInfo.con_2.oldRoom}}</div>
                    </div>
                  </div>
                  <div class="con_1_3" v-if="printInfo.con_1.type == 1">
                    <div class="c_l">原房价 Old Price：</div>
                    <div class="c_r">
                      <div>{{printInfo.con_2.oldPrice}}</div>
                    </div>
                  </div>
                  <div class="con_1_3" v-if="printInfo.con_1.type == 1">
                    <div class="c_l">新房间 New Room：</div>
                    <div class="c_r">
                      <div>{{printInfo.con_2.newRoom}}</div>
                    </div>
                  </div>
                  <div class="con_1_3" v-if="printInfo.con_1.type == 1">
                    <div class="c_l">新房价 Old Price：</div>
                    <div class="c_r">
                      <div>{{printInfo.con_2.newPrice}}</div>
                    </div>
                  </div>
                  <!--明细单-->
                  <div class="con_1_3" v-if="printInfo.con_1.type == 2">
                    <div class="c_l">总消费 Total：</div>
                    <div class="c_r">
                      <div>{{printInfo.con_2_2.total_consumed}}</div>
                    </div>
                  </div>
                  <div class="con_1_3" v-if="printInfo.con_1.type == 2">
                    <div class="c_l">总收款 Receive：</div>
                    <div class="c_r">
                      <div>{{printInfo.con_2_2.total_paid}}</div>
                    </div>
                  </div>
                  <div class="con_1_3" v-if="printInfo.con_1.type == 2">
                    <div class="c_l">应收 Receivable：</div>
                    <div class="c_r">
                      <div>{{printInfo.con_2_2.total_balance}}</div>
                    </div>
                  </div>
                </div>
                <div class="pc_con pcc_3" v-if="printInfo.con_1.type != 3">
                  <div class="con_1_3">
                    <div class="c_l">宾客姓名 Name：</div>
                    <div class="c_r">{{printInfo.con_3.user_name}}</div>
                  </div>
                  <!--<div class="con_1_3">-->
                    <!--<div class="c_l">宾客电话 Phone：</div>-->
                    <!--<div class="c_r">{{printInfo.con_3.user_phone}}</div>-->
                  <!--</div>-->
                  <div class="con_1_3" v-if="printInfo.con_1.type != 2">
                    <div class="c_l">备注 Note：</div>
                    <div class="c_r">{{printInfo.con_3.note}}</div>
                  </div>
                </div>
                <div class="pc_con pcc_4">
                  <div class="con_1_4">
                    <div class="c_l">宾客签字：</div>
                  </div>
                  <div class="con_1_3">
                    <div class="c_l">收银员：</div>
                    <div class="c_r">{{printInfo.con_4.people_name}}</div>
                  </div>
                  <div class="con_1_3" v-if="printInfo.con_1.type != 2">
                    <div class="c_l">操作时间：</div>
                    <div class="c_r">{{printInfo.con_4.time}}</div>
                  </div>
                  <div class="con_1_3" v-if="printInfo.con_1.type == 2 && printInfo.con_4.time != undefined">
                    <div class="c_l">结账时间：</div>
                    <div class="c_r">{{printInfo.con_4.time}}</div>
                  </div>
                </div>
                <div class="pc_con pcc_5">
                  <div class="con_1_5">
                    <div class="c_l">宾客须知</div>
                  </div>
                  <div class="con_1_6">1、退房时间中午{{printInfo.con_5.time}}；</div>
                  <div class="con_1_6">2、贵重物品请妥善保管，如有遗失，本酒店概不负责；</div>
                  <div class="con_1_6">3、退房请交回房卡；</div>
                </div>
              </div>
              <div class="printButton">
                <div class="pb_button" @click="printClick">确定打印</div>
                <div class="pb_button" @click="noPrint">取消</div>
              </div>
            </div>
            <!--房间确认板块-->
            <transition name="el-fade-in-linear">
              <div class="confirmOrder box" v-if="boxClick" :style="'top:' + boxHeight + ';left:' + boxWidth">
                <i class="el-icon-close close" @click="closeBox"></i>
                <alertAss box_type="1" :parameter_1="toParameter" @backParameter="getCOParameter"></alertAss>
              </div>
            </transition>
            <!--订单确认板块-->
            <transition name="el-fade-in-linear">
              <div class="order box" v-if="roomBoolean">
                <box-content box_type="1" :toParameter="order_parameter" @firstPay="firstPay" @refreshTheList="refreshRoomList"
                   @backParameter="showPayplate" @refreshAndClose="refreshAndClose" @temporary="temporary"></box-content>
              </div>
            </transition>
            <!--订单详情板块-->
            <div class="orderplate box" v-show="orderInfoShow">
              <box-content box_type="3" :toParameter="orderInfo" @backParameter="showPayplate" @refreshRoomList_RT="refreshRoomList_RT"
                 @showPayDetail="showPayDetail" @checkIn="checkInMet" @checkSearch="checkSearchMet" @flushing="flushing"
                 @reconciliation="toReconciliation"  @cancelPra="cancelRoom" @houseDetails="houseDetails"
                 @exchangHouses="exchangHouses" @continuedHouses="continuedHouses" @checkOutPra="checkOutPra" @maxRefund="maxRefund" @refreshTheListOrder="refreshTheListOrder"></box-content>
            </div>
            <!--订单支付板块-->
            <transition name="el-fade-in-linear">
              <div class="orderpPaylate box" v-if="orderPayShow" :style="showBar?'top:10%;left:30%':''">
                <alertAss box_type="2" @jzPrint="jzPrint" @backParameter="payParameter":parameter_2="payInfo"></alertAss>
              </div>
            </transition>
            <!--收支详情板块-->
            <transition name="el-fade-in-linear">
              <div class="recordRevenueDetail box" v-if="recordRevenueDetailShow">
                <i class="el-icon-close close" @click="closeBox"></i>
                <alertAss box_type="3" :parameter_3="recordRevenueDetailInfo" @backParameter="closerecordRevenue"></alertAss>
              </div>
            </transition>
            <!--入住登记板块-->
            <transition name="el-fade-in-linear">
              <div class="checkPlate box" v-if="checkShow">
                <i class="el-icon-close close" @click="closeBox"></i>
                <alertAss box_type="4" :parameter_4="checkInfo" @close="closeBox" @refreshRoomList_RT="refreshRoomList_RT" @refreshTheListOrder="refreshTheListOrder" @chekIn="chekIn"></alertAss>
              </div>
            </transition>
            <!--订单对账详情板块-->
            <transition name="el-fade-in-linear">
              <div class="reconciliation box" v-if="reconciliationShow">
                <i class="el-icon-close close" @click="closeBox"></i>
                <alertAss box_type="5" :parameter_5="reconciliation_Info" @done="done"></alertAss>
              </div>
            </transition>
            <!--换房板块-->
            <transition name="el-fade-in-linear">
              <div class="changeRoom box" v-if="changeRoomShow">
                <i class="el-icon-close close" @click="closeBox"></i>
                <alertAss box_type="6" :parameter_6="changRoomInfo" @closeJust="closeBox" @changeRoomP="changeRoomP"></alertAss>
              </div>
            </transition>
            <!--续房板块-->
            <transition name="el-fade-in-linear">
              <div class="changeRoom box" v-if="continuedRoomShow">
                <i class="el-icon-close close" @click="closeBox"></i>
                <alertAss box_type="7" :parameter_7="continuedRoomInfo" @close="closeBox" @refreshTheListOrder="refreshTheListOrder"></alertAss>
              </div>
            </transition>
            <!--退房板块-->
            <transition name="el-fade-in-linear">
              <div class="checkOut box" v-if="checkOutShow">
                <i class="el-icon-close close" @click="closeBox"></i>
                <alertAss box_type="8" :parameter_8="checkOutInfo" @close="closeBox" @refreshTheListOrder="refreshTheListOrder"></alertAss>
              </div>
            </transition>
            <!--微信退款板块-->
            <transition name="el-fade-in-linear">
              <div class="wxRefund box" draggable="true" v-if="wxRefundShow">
                <i class="el-icon-close close" @click="closeBox"></i>
                <alertAss box_type="10" :parameter_10="wxRefundInfo" @close="closeBox"></alertAss>
              </div>
            </transition>
            <!--退房板块-->
            <transition name="el-fade-in-linear">
              <div class="checkOut box" v-if="checkOutShow">
                <i class="el-icon-close close" @click="closeBox"></i>
                <alertAss box_type="8" :parameter_8="checkOutInfo" @close="closeBox" @refreshTheListOrder="refreshTheListOrder"></alertAss>
              </div>
            </transition>
            <!--单个房间详情板块-->
            <transition name="el-fade-in-linear">
              <div class="checkOut box" v-if="houseDetailShow">
                <i class="el-icon-close close" @click="closeBox"></i>
                <alertAss box_type="11" :parameter_11="houseDetailInfo" @close="closeBox"></alertAss>
              </div>
            </transition>
            <!--冲调板块-->
            <transition name="el-fade-in-linear">
              <div class="checkOut box" v-if="flushingShow">
                <i class="el-icon-close close" @click="closeBox"></i>
                <alertAss box_type="12" :parameter_12="flushingInfo" @close="closeBox" @flushingDone="flushingDone"></alertAss>
              </div>
            </transition>
          </div>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
  import {mapGetters,mapActions} from 'vuex'
  import conHeader from '../assembly/conHeader'
  import {input} from 'element-ui'
  import boxContent from '../assembly/boxContent'
  import alertAss from '../assembly/alertAss'
  import ws from '../../assets/js/webSocket'
    export default {
      name: "index",
      components: {
        conHeader,
        boxContent,
        alertAss
      },
      computed:mapGetters([
        'publicOrderInfo',
        'publicRoomsList',
        'publicRealTimeRoomsList',
        'realTimeSwich',
        'realTimeChooseRoom',
        'realTimeChooseRoomNo',
        'publicScreen',
        'hotelaccounts',
        'saveHouseList',
        'jzPrint',
        'public_bc',
        'public_is_Loading',
        'public_bc_main',
        'webSocketTime',
        'webSocketText',
        'showBar',
        'canRefresh',
      ]),
      data() {
        return {
          playHint:false, //提示音
          loopOrderNum:0, //跑马灯的订单数量
          loopCallNum:0, //跑马灯的呼叫数量
          runInterval:false, //运行跑马灯
          isLoading:false, //加载板块是否出现
          tabs:[true,false,false], //标签页动画效果
          todayShow:true, //今日房价动画
          time:'', //现在时间
          activeName2: 'first', //标签页默认首页
          inputClearable:true, //房间号输入框是否允许全部删除
          todaySwich:true, //今日房价开关
          roomNum:'', //房间号输入框值
          chooseTime:'', //日期选择值
          pickerOptions1: {
            disabledDate(time) {
              return time.getTime() < Date.now() - 86400000;
            }
          }, //今天之前不能选择
          nightNum:1, //选择多晚
          floor:'全部楼层', //选择楼层
          radio_window:'2', //房间规格筛选
          radio_type:'0', //房间状态筛选
          roomTypeRadiosBoolean:[true,false,false,false], //房间状态选取样式
          radio_room:'0', //房型类型筛选
          todayRooms:[], //今日房价数组
          roomClassification:[], //房间类型列表
          roomClassification_RT:[], //实时房态房间类型列表
          roomList:[], //房间列表
          reserveRoomsList:[], //可预订房间(预订开房板块下方显示内容)
          toParameter:[], //传递给下级组件的参数
          boxClick:false, //房间是否被点击
          roomBoolean:false, //如果选择了房间，订单板块显示
          order_parameter:[], //订单确认板块参数
          boxHeight:'', //计算后的房间确认板块高度
          boxWidth:'', //计算后的房间确认板块宽度
          orderInfoShow:false, //订单详情页面是否显示
          orderInfo:[], //订单详情参数，来源由订单确认板块传递
          orderPayShow:false, //订单支付板块是否显示
          roomIds:[], //已有房间id列表
          roomIds_index:[], //已有房间id列表
          /*实时房态*/
          s_roomNum:'', //房间号
          s_roomType:'1', //房间状态
          roomTypeRadiosBoolean_realTime:[true,false,false], //房间状态选取样式
          roomTypeRadiosBoolean_realTime_choose:3, //房间状态选取的选择
          realTimeChecked:[false,false,false,false,false], //事务状态
          radio_roomClassification_RT:'0', //房间类型筛选
          chooseFlood_RT:'全部楼层', //楼层
          reserveRoomsList_RT:[], //实时房态房间列表
          s_chooseDay:null, //选取的房间的数组下标
          /*订单操作*/
          t_roomNo:'', //房号
          t_star_time:'', //开始时间
          t_end_time:'', //结束时间
          t_order_status:0, //订单状态(待确认、已确认……)
          t_order_liveType:0, //开房类型(全日、钟点……)
          t_live_status:0, //入住状态(已入住、未入住……)
          t_order_type:0, //订单类型(普通、分时)
          t_order_source:0, //订单来源(携程、美团……)
          t_order_bill_status:0, //对账状态
          t_phone:'', //联系电话
          screenList:[], //筛选列表
          orderList:[], //订单列表
          page:1, //当前页
          pageSize:10, //每页N个
          totalPage:0, //共计条数
          orderLoading:false, //加载
          quickQueryId:0, //快速查询的下标
          /*支付板块参数*/
          payInfo:[], //传递给支付板块的参数
          /*收支详情板块参数*/
          recordRevenueDetailShow:false, //收支详情显示
          recordRevenueDetailInfo:[], //收支详情数据
          /*入住登记板块参数*/
          checkShow:false, //入住板块显示
          checkInfo:[], //入住登记参数
          /*远期房态*/
          fhSwich:false, //远期房态开关
          fhList:[], //远期房态列表
          /*房务管理*/
          hmSwich:false, //房务管理开关
          lockSwich:false, //锁定开关
          repairSwich:false, //维修开关
          dirtySwich:false, //脏房开关
          /*实时房态待办*/
          backlogSwich:false, //待办开关
          backlogOpenSwich:false, //待办内容开关
          backlogNum:0, //待办数
          backlogData:[], //待办数据
          /*平台对账*/
          reconciliationShow:false, //对账详情显示
          reconciliation_Info:[], //对账详情参数
          /*房间解锁板块*/
          hlShow:false, //板块显示
          houseLockSwich:false, //解锁按钮
          lockHouseNo:'', //解锁房间号
          lockHouseId:'', //解锁房间Id
          /*换房板块*/
          changeRoomShow:false, //板块显示
          changRoomInfo:[], //换房数据
          /*续房板块*/
          continuedRoomShow:false, //板块显示
          continuedRoomInfo:[], //换房数据
          /*提前退房板块*/
          checkOutShow:false, //板块显示
          checkOutInfo:[], //退房数据
          /*微信退款板块*/
          wxRefundShow:false, //板块显示
          wxRefundInfo:[], //板块参数
          /*单个房间详情板块*/
          houseDetailShow:false, //板块显示
          houseDetailInfo:[], //板块参数
          /*冲调板块*/
          flushingShow:false, //板块显示
          flushingInfo:[], //板块参数
          /*打印板块*/
          printInfo:{},
          printShow:false,
        }
      },
      watch:{
        //监听今日房价开关
        todaySwich(newVal){
          if (newVal){
            document.getElementsByClassName('box_right_bottom')[0].classList.remove('b_back')
            document.getElementsByClassName('box_right_bottom')[0].classList.add('b_open')
          }else {
            document.getElementsByClassName('box_right_bottom')[0].classList.remove('b_open')
            document.getElementsByClassName('box_right_bottom')[0].classList.add('b_back')
          }
        },
        //从订单确认页面回传的值有变化
        publicOrderInfo(val){
          let self = this
          if (val != ''){
            self.roomBoolean = false
            setTimeout(() => {
              self.orderInfo = val
              self.orderInfoShow = true
            },500)
          }
        },
        //房间号输入框变化
        roomNum(val){
          let self = this
          let newArr = []
          for (let i = 0; i < self.reserveRoomsList.length; i++){
            if (self.reserveRoomsList[i].roomNo.indexOf(val) >= 0){
              newArr.push(self.reserveRoomsList[i])
            }
          }
          self.upstate({key:'publicRoomsList',val:newArr})
        },
        //房间号输入框变化（实时房态）
        s_roomNum(val){
          let self = this
          let newArr = []
          for (let i = 0; i < self.reserveRoomsList_RT.length; i++){
            if (self.reserveRoomsList_RT[i].roomNo.indexOf(val) >= 0){
              newArr.push(self.reserveRoomsList_RT[i])
            }
          }
          self.upstate({key:'publicRealTimeRoomsList',val:newArr})
        },
        //监听实时房态选取房间
        realTimeChooseRoom(val){
          let self = this
          //锁定开关
          if (val.is_locked == 0){
            self.lockSwich = false
          }else {
            self.lockSwich = true
          }
          //维修开关
          if (val.repair_status == 0){
            self.repairSwich = false
          }else {
            self.repairSwich = true
          }
          //脏房开关
          if (val.clean_status == 0){
            self.dirtySwich = false
          }else {
            self.dirtySwich = true
          }
        },
        //监听明细打印变化
        jzPrint(val){
          let self = this
          self.upstate({key:'public_bc',val:true})
          if (self.jzPrint != undefined && self.jzPrint != ''){
            let pri = self.jzPrint
            if (pri.type == 2){ //明细单
              let list = []
              for (let i = 0; i < pri.roomDetail.length; i++){
                list.push({
                  house_no:pri.roomDetail[i].house_no,
                  money:pri.roomDetail[i].money,
                  pay_at:pri.roomDetail[i].pay_at.substring(5,11),
                  subject_name:pri.roomDetail[i].subject_name,
                })
              }
              self.printInfo = {
                con_1:{
                  name:pri.orderDetail.hotel_name,
                  type:pri.type,
                  time:pri.orderDetail.printing_time,
                  orderNo:pri.orderDetail.order_no
                },
                con_2_1:list,
                con_2_2:{
                  total_balance:pri.payCount.total_balance,
                  total_consumed:pri.payCount.total_consumed,
                  total_paid:pri.payCount.total_paid,
                },
                con_3:{
                  user_name:pri.orderDetail.user_name,
                  user_phone:pri.orderDetail.user_phone,
                  note:pri.hotelUser.remark
                },
                con_4:{
                  people_name:pri.hotelUser.hotel_user,
                  time:pri.hotelUser.print_date
                },
                con_5:{
                  time:pri.hotelUser.latest_check_out_time
                }
              }
            }
            self.printShow = true
          }
          self.refreshTheListOrder()
        },
        //监听会话是否有变化
        webSocketTime(val){
          let self = this
          if (self.webSocketText == 'miniOrderNotice'){
            // console.log('监听到极光推送小程序/订单有变化，即将运行跑马灯')
            self.refreshLoop()
          }else if (self.webSocketText == 'flushHotelBaseData'){
            self.$http.post(self.conURL + 'hotel/work/gethotelbasedata').then(res => {
              if (res.data.code == 0){
                sessionStorage.setItem('agreement_customers',JSON.stringify(res.data.data.agreement_customers)) //协议客户列表
                sessionStorage.setItem('agreement_projects',JSON.stringify(res.data.data.agreement_projects)) //协议客户方案
                sessionStorage.setItem('barList',JSON.stringify(res.data.data.all_goods)) //酒店吧商品
                localStorage.setItem('otaList',JSON.stringify(res.data.data.ota_list))
              }else {
                self.createMess(res.data.msg)
              }
            })
          }
        },
        /*公共参数变化板块*/
          houseNight(val){
            let self = this
            self.nightNum = val
          },
          houseStart(val){
            let self = this
            self.chooseTime = val
          },
          houseFloor(val){
            let self = this
            self.floor = val
          },
          houseWindow(val){
            let self = this
            self.radio_window = val
          },
          houseStatus(val){
            let self = this
            self.radio_type = val
          },
          houseType(val){
            let self = this
            self.radio_room = val
          },
        /*公共参数变化板块*/
      },
      created() {
        let self = this
        self.searchPublic()
        setInterval(() => {
          self.searchPublic()
        },600000)
        //初始化当前时间
        let date = new Date()
        let Y = date.getFullYear()
        let M = self.returnTime(date.getMonth() + 1)
        let D = self.returnTime(date.getDate())
        let h = self.returnTime(date.getHours())
        let m = self.returnTime(date.getMinutes())
        let s = self.returnTime(date.getSeconds())
        let myddy= date.getDay()
        let weekday = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
        self.chooseTime = Y + '-' + M + '-' + D
        self.upstate({key:'houseStart',val:self.chooseTime})
        self.time =  Y + '-' + M + '-' + D + ' ' + h + ':' + m + ':' + s + ' ' + weekday[myddy]
        //首先获取订单列表的筛选条件
        self.getScreen()
      },
      mounted(){
        console.log('当前为第24次更新，NoShow订单结账判断以及远期房态传参')
        ws.getWebSocket(JSON.parse(sessionStorage.getItem('JG_signature')),sessionStorage.getItem('JG_userName'),sessionStorage.getItem('JG_passWord'))
        let self = this
        self.loopOrderNum = sessionStorage.getItem('newOrderNum')
        self.loopCallNum = sessionStorage.getItem('newCallNum')
        self.refreshLoop()
        if (sessionStorage.getItem('loopStop') == 'false'){
          if (self.loopOrderNum > 0 || self.loopCallNum > 0){
            let loops = setInterval(() => {
              self.loopAnimation()
              if (sessionStorage.getItem('loopStop') == 'true'){
                clearInterval(loops);
              }
            },15)
          }
        }
        self.upstate({key:'agreement_customers',val:sessionStorage.getItem('agreement_customers')})
        self.upstate({key:'agreement_projects',val:sessionStorage.getItem('agreement_projects')})
        // self.upstate({key:'agreement_customers',val:JSON.stringify(sessionStorage.getItem('agreement_customers'))})
        // self.upstate({key:'agreement_projects',val:JSON.stringify(sessionStorage.getItem('agreement_projects'))})
        //计算屏幕宽高，确定房间确定框的位置
        let clientHeight = document.documentElement.clientHeight
        let clientWidth = document.documentElement.clientWidth
        self.boxHeight = (clientHeight - 220)/3 + 'px'
        self.boxWidth = (clientWidth - 440)/2 + 'px'
        //每间隔1秒调用一次最新时间
        setInterval(() =>{
          self.time = self.getTime()
        },1000)
        self.orderInfo = self.publicOrderInfo

        /*获取今日房价*/
        self.$http.post(self.conURL + 'hotel/work/getshowprice').then(res => {
          if (res.data.code == 0){
            let newArr = []
            for (let i = 0; i < res.data.data.length; i++){
              newArr.push({
                roomName:res.data.data[i].name,
                member_price:res.data.data[i].member_price,
                strike_price:res.data.data[i].strike_price
              })
            }
            self.todayRooms = newArr
          }else {
            self.createMess(res.data.msg)
          }
        })
        /*获取收款账户*/
        self.$http.post(self.conURL + 'hotel/work/gethotelaccounts').then(res => {
          if (res.data.code == 0){
            self.upstate({key:'hotelaccounts',val:res.data.data})
          }else {
            self.createMess(res.data.msg)
          }
        })

        //默认获取当日一晚可预订房间
        self.gethousesforbook(self.nightNum,self.chooseTime,self.floor,self.radio_window,self.radio_type,self.radio_room)
        //默认获取实时房态
        self.getrssc(self.roomTypeRadiosBoolean_realTime_choose,self.radio_roomClassification_RT,self.chooseFlood_RT,self.realTimeChecked[0],self.realTimeChecked[1],self.realTimeChecked[2],self.realTimeChecked[3],self.realTimeChecked[4])
      },
      methods: {
        ...mapActions([
          'upstate',
          'upPush',
        ]),
        //获取当前时间
        getTime() {
          let self = this
          let date = new Date()
          let Y = date.getFullYear()
          let M = self.returnTime(date.getMonth() + 1)
          let D = self.returnTime(date.getDate())
          let h = self.returnTime(date.getHours())
          let m = self.returnTime(date.getMinutes())
          let s = self.returnTime(date.getSeconds())
          let myddy= date.getDay()
          let weekday = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
          return Y + '-' + M + '-' + D + ' ' + h + ':' + m + ':' + s + ' ' + weekday[myddy]
        },
        //处理时间
        returnTime(num){
          if (num < 10){
            return '0' + num
          }else {
            return num
          }
        },
        //修改时间选择事件
        chooseTimeChange(val){
          let self = this
          let date = new Date(val)
          let Y = date.getFullYear()
          let M = self.returnTime(date.getMonth() + 1)
          let D = self.returnTime(date.getDate())
          let time = Y + '-' + M + '-' + D
          self.chooseTime = time
          self.upstate({key:'houseStart',val:self.chooseTime})
          self.gethousesforbook(self.nightNum,time,self.floor,self.radio_window,self.radio_type,self.radio_room)
        },
        //标签页选择
        handleClick(tab, event) {
          let self = this
          let index = tab.index //点击的标签页的下标
          if (index == 0){ //预定操作
            /*数据重置*/
            self.resetAllData()
            self.tabs = [true,false,false]
            self.gethousesforbook(self.nightNum,self.chooseTime,self.floor,self.radio_window,self.radio_type,self.radio_room)
            self.upstate({key:'realTimeSwich',val:false})
            self.upstate({key:'public_bc_main',val:true})
          }else if (index == 1){ //实时房态
            /*数据重置*/
            self.resetAllData()
            self.upstate({key:'realTimeSwich',val:false})
            self.upstate({key:'public_bc_main',val:true})
            self.hlShow = false
            self.tabs = [false,true,false]
            self.getrssc(self.roomTypeRadiosBoolean_realTime_choose,self.radio_roomClassification_RT,self.chooseFlood_RT,self.realTimeChecked[0],self.realTimeChecked[1],self.realTimeChecked[2],self.realTimeChecked[3],self.realTimeChecked[4])
          }else { //订单操作
            /*数据重置*/
            self.resetAllData()
            self.tabs = [false,false,true]
            self.getOrderList()
            self.upstate({key:'realTimeSwich',val:false})
            self.upstate({key:'public_bc_main',val:true})
            self.hlShow = false
          }
        },
        //选择今天/明天快捷按钮
        chooseQuick(num){
          let self = this
          let date = new Date()
          let Y = date.getFullYear()
          let M = self.returnTime(date.getMonth() + 1)
          let D = self.returnTime(date.getDate())
          let today = Y + '-' + M + '-' + D
          if (num == 1){ //今天
            self.chooseTime = today
            self.gethousesforbook(self.nightNum,self.chooseTime,self.floor,self.radio_window,self.radio_type,self.radio_room)
          }else { //明天
            let newDate = new Date(today)
            let tomorrow = self.timestampToTime(newDate.getTime() + 86400000)
            self.chooseTime = tomorrow
            self.gethousesforbook(self.nightNum,self.chooseTime,self.floor,self.radio_window,self.radio_type,self.radio_room)
          }
        },
        //时间戳转换为日期
        timestampToTime(timestamp) {
          let date = new Date(timestamp);//时间戳为10位需*1000，时间戳为13位的话不需乘1000
          let Y = date.getFullYear() + '-';
          let M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
          let D = date.getDate() + ' ';
          return Y+M+D;
        },
        //下拉列表选择时间
        chooseDays(command) {
          let self = this
          self.nightNum = command
          self.upstate({key:'houseNight',val:self.nightNum})
          self.gethousesforbook(self.nightNum,self.chooseTime,self.floor,self.radio_window,self.radio_type,self.radio_room)
        },
        //下拉列表选择楼层
        chooseFlood(command) {
          let self = this
          self.floor = command
          self.upstate({key:'houseFloor',val:self.floor})
          self.gethousesforbook(self.nightNum,self.chooseTime,self.floor,self.radio_window,self.radio_type,self.radio_room)
        },
        //选择房间
        chooseRoom(id,type,val) {
          let self = this
          self.upstate({key:'public_bc',val:true})
          if (type == 0){ //空房
            //判断之前是否增加房间
            if (self.saveHouseList.length > 0){
              for (let i = 0; i < self.saveHouseList.length; i++){
                if (id == self.saveHouseList[i].roomId){ //当前房间存在于数组，判断时间是否吻合
                  if (self.chooseTime == self.saveHouseList[i].date){ //当前房间时间吻合，已添加过，禁止添加
                    this.$alert('该房间已被加入列表', {
                      confirmButtonText: '确定',
                    });
                    self.boxClick = false
                    self.upstate({key:'public_bc',val:false})
                    return
                  }else { //时间不吻合，可以添加
                    self.boxClick = true
                    self.hlShow = false
                    self.houseLockSwich = true
                    //控制房间列表的CSS样式
                    for (let i = 0; i < document.getElementsByClassName('rooms').length; i++){
                      $('.rooms').removeClass('rooms_active')
                    }
                    let doc = '#' + id
                    $(doc).addClass('rooms_active')
                    self.toParameter = {
                      roomId:id,
                      roomName:val.roomTypeName,
                      roomNo:val.roomNo,
                      createTime:self.chooseTime,
                      deposit:val.deposit,
                      prices:val.prices,
                      nightNum:self.nightNum,
                      // roomStatus:0, //房间状态 0=锁定中，1=未入住，2=已入住，3=退房中,5=已退房，6=已续房，7=已取消
                    }
                  }
                }else { //当前房间不存在于数组，可以添加
                  self.boxClick = true
                  self.hlShow = false
                  self.houseLockSwich = true
                  //控制房间列表的CSS样式
                  for (let i = 0; i < document.getElementsByClassName('rooms').length; i++){
                    $('.rooms').removeClass('rooms_active')
                  }
                  let doc = '#' + id
                  $(doc).addClass('rooms_active')
                  self.toParameter = {
                    roomId:id,
                    roomName:val.roomTypeName,
                    roomNo:val.roomNo,
                    createTime:self.chooseTime,
                    deposit:val.deposit,
                    prices:val.prices,
                    nightNum:self.nightNum,
                    // roomStatus:0, //房间状态 0=锁定中，1=未入住，2=已入住，3=退房中,5=已退房，6=已续房，7=已取消
                  }
                }
              }
            }else {
              self.boxClick = true
              self.hlShow = false
              self.houseLockSwich = true
              //控制房间列表的CSS样式
              for (let i = 0; i < document.getElementsByClassName('rooms').length; i++){
                $('.rooms').removeClass('rooms_active')
              }
              let doc = '#' + id
              $(doc).addClass('rooms_active')
              self.toParameter = {
                roomId:id,
                roomName:val.roomTypeName,
                roomNo:val.roomNo,
                createTime:self.chooseTime,
                deposit:val.deposit,
                prices:val.prices,
                nightNum:self.nightNum,
                // roomStatus:0, //房间状态 0=锁定中，1=未入住，2=已入住，3=退房中,5=已退房，6=已续房，7=已取消
              }
            }
          }else if (type == 1){ //预定房
            this.$message({
              message: '请前往订单操作页面操作该预定订单',
              type: 'warning'
            });
            self.upstate({key:'public_bc',val:false})
          }else { //已售房
            this.$message({
              message: '请前往实时房态页面操作该已售订单',
              type: 'warning'
            });
            self.upstate({key:'public_bc',val:false})
          }
        },
        //今日房价开关事件
        switchChange() {
          let self = this
          if (self.todaySwich){
            self.todayShow = true
          }else {
            self.todayShow = false
          }
        },
        //从房间确认页面回传的值
        getCOParameter(parameter) {
          // console.log(parameter,'lala')
          let self = this
          if (parameter != '' && parameter != null && parameter != 'null' && parameter != undefined && parameter.length != 0){
            if (self.publicOrderInfo.length != 0){ //如果公共订单存在，再次点击房间时，删除预定的房间列表
              self.order_parameter = []
            }
            self.upstate({key:'publicOrderInfo',val:[]}) //重置公共订单
            self.upstate({key:'payInfo',val:[]}) //重置公共订单
            self.orderInfoShow = false //隐藏订单详情列表

            let newArr = []
            if (self.order_parameter.order_No != undefined && self.order_parameter.order_No != null && self.order_parameter.order_No != ''){ //预定单
              for (let i = 0; i < parameter.length; i++){
                parameter[i].lock_date = parameter[i].date
                parameter[i].house_no = parameter[i].roomNo
                parameter[i].room_name = parameter[i].roomName
                parameter[i].prices = {
                  hour_room_price:parameter[i].hour_room_price,
                  member_price:parameter[i].member_price,
                  strike_price:parameter[i].strike_price
                }
                self.order_parameter.order_parameter.push(parameter[i])
              }
            }else { //普通开房
              for (let i = 0; i < parameter.length; i++){
                self.order_parameter.push(parameter[i])
              }
            }
            self.todaySwich = false //关闭今日房价
            self.roomBoolean = true
            self.boxClick = false
            self.gethousesforbook(self.nightNum,self.chooseTime,self.floor,self.radio_window,self.radio_type,self.radio_room)
          }else {
            self.boxClick = false
          }
        },
        //关闭房间确认板块
        closeBox ()  {
          let self = this
          self.boxClick = false
          self.recordRevenueDetailShow = false
          self.checkShow = false
          self.reconciliationShow = false
          self.changeRoomShow = false
          self.continuedRoomShow = false
          self.checkOutShow = false
          self.wxRefundShow = false
          self.houseDetailShow = false
          self.flushingShow = false
          self.upstate({key:'public_bc',val:false})
        },
        //显示支付板块
        showPayplate(parameter) {
          let self = this
          if (parameter.isConfirm != undefined){
            self.orderPayShow = true
            self.payInfo = parameter
          }else {
            if (parameter.title == undefined){
              self.orderPayShow = true
              let newArr = {
                isFirst:false,
              }
              self.payInfo = newArr
            }else {
              self.orderPayShow = true
              self.payInfo = parameter
            }
          }
        },
        //显示订单详情页面
        showPayDetail(parmeter) {
          let self = this
          self.recordRevenueDetailShow = true
          self.recordRevenueDetailInfo = parmeter
        },
        //订单确认后，第一次默认弹出支付板块
        firstPay(parameter){
          let self = this
          if (parameter != null && parameter != ''){
            self.orderPayShow = true
            let newArr = {
              isFirst:true,
              par:parameter
            }
            self.payInfo = newArr
            self.refreshTheListOrder()
            //默认获取当日一晚可预订房间
            self.gethousesforbook(self.nightNum,self.chooseTime,self.floor,self.radio_window,self.radio_type,self.radio_room)
          }
        },
        //支付板块返回数据
        payParameter(parameter) {
          // console.log(parameter,'打印')
          let self = this
          if (parameter.printData != undefined){
            self.upstate({key:'public_bc',val:true})
            let pri = parameter.printData
            if (pri.type == 0){ //押金单
              self.printInfo = {
                con_1:{
                  name:pri.hotelUser.hotel_name,
                  type:pri.type,
                  time:pri.orderDetail.print_time,
                  orderNo:pri.orderDetail.order_no
                },
                con_2:{
                  prepayment:pri.money.money,
                  prepayment_text:self.convertCurrency(pri.money.money)
                },
                con_3:{
                  user_name:pri.orderDetail.user_name,
                  user_phone:pri.orderDetail.user_phone,
                  note:pri.money.remark
                },
                con_4:{
                  people_name:pri.hotelUser.cashier,
                  time:pri.hotelUser.receipt_time
                },
                con_5:{
                  time:pri.hotelUser.latest_check_out_time
                }
              }
            }
          }
          self.upstate({key:'public_bc',val:false})
          if (parameter.isConfirm != undefined && parameter.isConfirm){
            self.order_parameter = parameter
            self.orderInfo = []
            self.orderInfoShow = false
            self.roomBoolean = true
            self.orderPayShow = false
          }else {
            if (parameter != 'close'){
              self.orderPayShow = false
              self.orderInfo = parameter
            }else {
              self.orderPayShow = false
            }
          }
        },
        //将钱转换为大写
        convertCurrency(money) {
          //汉字的数字
          var cnNums = new Array('零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖');
          //基本单位
          var cnIntRadice = new Array('', '拾', '佰', '仟');
          //对应整数部分扩展单位
          var cnIntUnits = new Array('', '万', '亿', '兆');
          //对应小数部分单位
          var cnDecUnits = new Array('角', '分', '毫', '厘');
          //整数金额时后面跟的字符
          var cnInteger = '整';
          //整型完以后的单位
          var cnIntLast = '元';
          //最大处理的数字
          var maxNum = 999999999999999.9999;
          //金额整数部分
          var integerNum;
          //金额小数部分
          var decimalNum;
          //输出的中文金额字符串
          var chineseStr = '';
          //分离金额后用的数组，预定义
          var parts;
          if (money == '') { return ''; }
          money = parseFloat(money);
          if (money >= maxNum) {
            //超出最大处理数字
            return '';
          }
          if (money == 0) {
            chineseStr = cnNums[0] + cnIntLast + cnInteger;
            return chineseStr;
          }
          //转换为字符串
          money = money.toString();
          if (money.indexOf('.') == -1) {
            integerNum = money;
            decimalNum = '';
          } else {
            parts = money.split('.');
            integerNum = parts[0];
            decimalNum = parts[1].substr(0, 4);
          }
          //获取整型部分转换
          if (parseInt(integerNum, 10) > 0) {
            var zeroCount = 0;
            var IntLen = integerNum.length;
            for (var i = 0; i < IntLen; i++) {
              var n = integerNum.substr(i, 1);
              var p = IntLen - i - 1;
              var q = p / 4;
              var m = p % 4;
              if (n == '0') {
                zeroCount++;
              } else {
                if (zeroCount > 0) {
                  chineseStr += cnNums[0];
                }
                //归零
                zeroCount = 0;
                chineseStr += cnNums[parseInt(n)] + cnIntRadice[m];
              }
              if (m == 0 && zeroCount < 4) {
                chineseStr += cnIntUnits[q];
              }
            }
            chineseStr += cnIntLast;
          }
          //小数部分
          if (decimalNum != '') {
            var decLen = decimalNum.length;
            for (var i = 0; i < decLen; i++) {
              var n = decimalNum.substr(i, 1);
              if (n != '0') {
                chineseStr += cnNums[Number(n)] + cnDecUnits[i];
              }
            }
          }
          if (chineseStr == '') {
            chineseStr += cnNums[0] + cnIntLast + cnInteger;
          } else if (decimalNum == '') {
            chineseStr += cnInteger;
          }
          return chineseStr;
        },
        //分页：页面选择事件
        currentChange(val) {
          let self = this
          self.page = val
          if (self.quickQueryId == 0){
            self.getOrderList()
          }else {
            self.quickQuery(self.quickQueryId)
          }
        },
        //房间窗户筛选
        roomWindowChange(val){
          let self = this
          self.radio_window = val
          self.upstate({key:'houseWindow',val:self.radio_window})
          self.gethousesforbook(self.nightNum,self.chooseTime,self.floor,self.radio_window,self.radio_type,self.radio_room)
        },
        //房间状态筛选
        roomTypeChange(val) {
          let self = this
          if (val == 0){ //全部
            self.roomTypeRadiosBoolean = [true,false,false,false]
          }else if (val == 1){ //空房
            self.roomTypeRadiosBoolean = [false,true,false,false]
          }else if (val == 2){ //预定房
            self.roomTypeRadiosBoolean = [false,false,true,false]
          }else { //OTA房
            self.roomTypeRadiosBoolean = [false,false,false,true]
          }
          self.radio_type = val
          self.upstate({key:'houseStatus',val:self.radio_type})
          self.gethousesforbook(self.nightNum,self.chooseTime,self.floor,self.radio_window,self.radio_type,self.radio_room)
        },
        //房间类型筛选
        radio_room_change(id) {
          let self = this
          self.radio_room = id
          self.upstate({key:'houseType',val:self.radio_room})
          self.gethousesforbook(self.nightNum,self.chooseTime,self.floor,self.radio_window,self.radio_type,self.radio_room)
        },
        //关闭收支板块
        closerecordRevenue(parameter){
          let self = this
          if (parameter){
            self.recordRevenueDetailShow = false
          }
        },
        //刷新并关闭确认板块
        refreshAndClose(val){
          let self = this
          if (val){
            self.gethousesforbook(self.nightNum,self.chooseTime,self.floor,self.radio_window,self.radio_type,self.radio_room)
            self.order_parameter = [] //重置订单确认板块参数
            self.todaySwich = true //打开今日房价
            self.roomBoolean = false //关闭订单确认板块
          }
        },
        //平台对账返回参数
        toReconciliation(val){
          let self = this
          self.reconciliationShow = true
          self.reconciliation_Info = val
        },
        //换房操作
        exchangHouses(val){
          let self = this
          self.changRoomInfo = val
          self.changeRoomShow = true
        },
        //续房操作
        continuedHouses(val){
          let self = this
          self.continuedRoomInfo = val
          self.continuedRoomShow = true
        },
        //预订回传的值
        temporary(parameter){
          let self = this
          self.roomBoolean = false
          self.orderInfoShow = false
          self.resetAllData()
          //默认获取当日一晚可预订房间
          self.gethousesforbook(self.nightNum,self.chooseTime,self.floor,self.radio_window,self.radio_type,self.radio_room)
        },
        //提前退房回传值
        checkOutPra(val){
          let self = this
          self.checkOutShow = true
          self.checkOutInfo = val
        },
        //微信退款功能
        maxRefund(val){
          let self = this
          self.wxRefundShow = true
          self.wxRefundInfo = val
        },
        //打印
        printClick(){
          let self = this
          let subOutputRankPrint = document.getElementById('printCon');
          let newContent =subOutputRankPrint.innerHTML;
          let oldContent = document.body.innerHTML;
          document.body.innerHTML = newContent;
          window.print();
          window.location.reload();
          document.body.innerHTML = oldContent;
          return false;
        },
        //取消打印
        noPrint(){
          let self = this
          self.printShow = false
          self.upstate({key:'public_bc',val:false})
        },
        //换房打印
        changeRoomP(parameter){
          let self = this
          if (parameter != undefined){
            let pri = parameter
            if (pri.type == 1){ //换房单
              self.printInfo = {
                con_1:{
                  name:pri.hotelUser.hotel_name,
                  type:pri.type,
                  time:pri.orderDetail.print_time,
                  orderNo:pri.orderDetail.order_no
                },
                con_2:{
                  oldRoom:pri.orderDetail.old_house_no + ' ' + pri.orderDetail.old_room_name,
                  oldPrice:pri.orderDetail.old_price,
                  newRoom:pri.orderDetail.new_house_no + ' ' + pri.orderDetail.new_room_name,
                  newPrice:pri.orderDetail.new_price,
                },
                con_3:{
                  user_name:pri.orderDetail.user_name,
                  user_phone:pri.orderDetail.user_phone,
                  note:pri.hotelUser.remark
                },
                con_4:{
                  people_name:pri.hotelUser.cashier,
                  time:pri.hotelUser.receipt_time
                },
                con_5:{
                  time:pri.hotelUser.latest_check_out_time
                }
              }
            }
            self.printShow = true
          }
          self.changeRoomShow = false
          self.refreshTheListOrder()
        },
        //入住打印
        chekIn(parameter)   {
          let self = this
          self.upstate({key:'public_bc',val:true})
          if (parameter != undefined){
            let pri = parameter
            if (pri.type == 3){ //入住单
              self.printInfo = {
                con_1:{
                  name:pri.hotelUser.hotel_name,
                  type:pri.type,
                  time:pri.orderDetail.print_time,
                  orderNo:pri.orderDetail.order_no
                },
                con_2:{
                  roomNo:pri.orderDetail.house_no + ' ' + pri.orderDetail.room_name,
                  startTime:pri.orderDetail.start_time,
                  endTime:pri.orderDetail.end_date,
                  userIdCard:pri.orderDetail.user_card,
                },
                con_3:{
                  user_name:pri.orderDetail.user_name,
                  user_phone:pri.orderDetail.user_phone,
                  note:pri.hotelUser.remark
                },
                con_4:{
                  people_name:pri.hotelUser.cashier,
                  time:pri.hotelUser.receipt_time
                },
                con_5:{
                  time:pri.hotelUser.latest_check_out_time
                }
              }
            }
            self.printShow = true
          }
          // self.closeBox()
          self.checkShow = false
          self.refreshTheListOrder()
          self.refreshRoomList_RT()
        },
        //取消房间
        cancelRoom(parameter){
          let self = this
          self.checkOutShow = true
          self.checkOutInfo = parameter
        },
        //单个房间详情
        houseDetails(parameter){
          let self = this
          self.houseDetailShow = true
          self.houseDetailInfo = parameter
        },
        //冲调
        flushing(parameter){
          let self = this
          self.flushingShow = true
          self.flushingInfo = parameter
        },
        //完成冲调
        flushingDone(parameter){
          let self = this
          self.flushingShow = false
          self.upstate({key:'canRefresh',val:true})
          self.upstate({key:'public_bc',val:false})
        },
        //办理
        toDo(id,orderId,house_id){
          let self = this
          this.$confirm('是否已办理当前呼叫?', '提示', {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning'
          }).then(() => {
            self.upstate({key:'isLoading',val:true})
            self.$http.post(self.conURL + 'hotel/user/changestatus',{id:id}).then(res => {
              if (res.data.code == 0){
                this.$message({
                  type: 'success',
                  message: '办理成功!'
                });
                localStorage.setItem('newCallNum',res.data.data.countCall)
                self.upstate({key:'newCallNum',val:localStorage.getItem('newCallNum')})
                setTimeout(() => {
                  self.$http.post(self.conURL + 'hotel/user/usercalllist',{
                    house_id:house_id,
                    order_id:orderId,
                    page:1,
                    pageSize:100
                  }).then(ress => {
                    if (ress.data.code == 0){
                      self.backlogData = ress.data.data.data
                      self.backlogNum = ress.data.data.total
                      self.upstate({key:'isLoading',val:false})
                    }else {
                      self.createMess(ress.data.msg)
                    }
                  })
                },100)
              }else {
                self.createMess(res.data.msg)
              }
            })
          }).catch(() => {
            this.$message({
              type: 'info',
              message: '已取消'
            });
          });
        },
        /*---------------------------实时房态事件---------------------------*/
        //房间状态筛选
        roomTypeChange_RTR_realTime(val){
          let self = this
          self.roomTypeRadiosBoolean_realTime_choose = val
          if (val == 3){
            self.roomTypeRadiosBoolean_realTime = [true,false,false]
          }else if (val == 0){
            self.roomTypeRadiosBoolean_realTime = [false,true,false]
          }else {
            self.roomTypeRadiosBoolean_realTime = [false,false,true]
          }
          self.getrssc(self.roomTypeRadiosBoolean_realTime_choose,self.radio_roomClassification_RT,self.chooseFlood_RT,self.realTimeChecked[0],self.realTimeChecked[1],self.realTimeChecked[2],self.realTimeChecked[3],self.realTimeChecked[4])
        },
        //事务类型筛选
        roomTypeChange_realTime(val){
          let self = this
          if (self.realTimeChecked[val]){
            self.realTimeChecked[val] = false
          }else {
            self.realTimeChecked[val] = true
          }
          self.getrssc(self.roomTypeRadiosBoolean_realTime_choose,self.radio_roomClassification_RT,self.chooseFlood_RT,self.realTimeChecked[0],self.realTimeChecked[1],self.realTimeChecked[2],self.realTimeChecked[3],self.realTimeChecked[4])
        },
        //房间类型筛选
        roomClassification_RT_change(id){
          let self = this
          self.radio_roomClassification_RT = id
          self.getrssc(self.roomTypeRadiosBoolean_realTime_choose,self.radio_roomClassification_RT,self.chooseFlood_RT,self.realTimeChecked[0],self.realTimeChecked[1],self.realTimeChecked[2],self.realTimeChecked[3],self.realTimeChecked[4])
        },
        //下拉列表选择楼层
        chooseFlood_RT_MED(command) {
          let self = this
          self.chooseFlood_RT = command
          self.getrssc(self.roomTypeRadiosBoolean_realTime_choose,self.radio_roomClassification_RT,self.chooseFlood_RT,self.realTimeChecked[0],self.realTimeChecked[1],self.realTimeChecked[2],self.realTimeChecked[3],self.realTimeChecked[4])
        },
        //点击房间
        chooseRoom_RT(id,val,book_status,leave_status,current_status){
          let self = this
          //控制房间列表的CSS样式
          for (let i = 0; i < document.getElementsByClassName('rooms').length; i++){
            $('.rooms').removeClass('rooms_active')
            $('.rooms').removeClass('relation')
          }
          let doc = '#realTime' + id
          $(doc).addClass('rooms_active')
          self.upstate({key:'realTimeSwich',val:true})
          self.upstate({key:'public_is_Loading',val:true})
          self.upstate({key:'realTimeChooseRoom',val:val})
          if (book_status == 0 && leave_status == 0 && current_status == 0){ //空房
            //关闭待办
            self.backlogSwich = false
            self.hmSwich = true
            self.upstate({key:'publicOrderInfo',val:[]})
            self.upstate({key:'payInfo',val:[]}) //将收支明细回传
            self.orderInfoShow = false
            self.upstate({key:'public_is_Loading',val:false})
          }else {
            self.$http.post(self.conURL + 'hotel/work/getorderdetail',{house_id:id}).then(res => {
              if (res.data.code == 0){
                self.fhSwich = false
                self.hmSwich = false
                self.orderInfoShow = true
                self.upstate({key:'public_is_Loading',val:false})
                let dataResult = res.data.data
                let parameter = []
                let otaNmae = ''
                //打开待办
                self.backlogSwich = true
                self.$http.post(self.conURL + 'hotel/user/usercalllist',{
                  house_id:id,
                  order_id:dataResult.id,
                  page:1,
                  pageSize:100
                }).then(ress => {
                  if (ress.data.code == 0){
                    self.backlogData = ress.data.data.data
                    self.backlogNum = ress.data.data.total
                  }else {
                    self.createMess(ress.data.msg)
                  }
                })
                //OTA订单来源不为空时，读取OTA名称
                if (res.data.data.ota_id != null){
                  if (dataResult.origin != 3){
                    let list = JSON.parse(localStorage.getItem('otaList'))
                    for (let i = 0; i< list.length; i++){
                      if (list[i].ota_id == res.data.data.ota_id){
                        otaNmae = list[i].ota_name
                      }
                    }
                  }else {
                    otaNmae = dataResult.ota_name
                  }
                }
                if (dataResult.order_status == 0){
                  if (dataResult.origin != 1) {
                    parameter = { //生成订单信息
                      order_id:dataResult.id, //订单ID
                      order_No:dataResult.no, //订单编号
                      orderStatus:dataResult.order_status, //订单状态  0=未确认，1=已确认，2=已取消，3=已完成，4=已结算
                      orderPeopleId:dataResult.member_id, //会员ID
                      orderPeopleName:dataResult.book_name, //预定人
                      orderPeopleTel:dataResult.book_phone, //预订人电话
                      orderCreatedId:dataResult.creator_id, //创建人ID
                      orderCreatedName:dataResult.creator_name, //创建人姓名
                      orderCreatedTime:dataResult.created_at, //创建时间
                      orderType:dataResult.is_share_time, //订单类型 0：普通订单 1：分时订单
                      orderSource:dataResult.origin, //订单来源 0=前台，1=微信，2=OTA
                      otaName:otaNmae, //OTA名称
                      ota_order_type:dataResult.ota_order_type, //OTA类型
                      ota_id:dataResult.ota_id, //OTAId
                      otaNo:dataResult.ota_no, //OTA单号
                      orderRemarks:dataResult.note, //备注
                      orderRoomTypevalue:dataResult.check_type, //开房类型 0:全日房 1:钟点房 2:免费房 3:特殊房
                      order_parameter:dataResult.lock_houses, //房间列表
                      payCount:dataResult.payCount, //收支详情板块的三个数据
                      payments:dataResult.payments, //收支详情列表
                      isConfirm:true
                    }

                    let newArr = []
                    for (let i = 0;i < parameter.order_parameter.length; i++){
                      newArr.push({
                        roomId:parameter.order_parameter[i].house_id,
                        date:parameter.order_parameter[i].lock_date
                      })
                    }
                    self.upstate({key:'saveHouseList',val:newArr})
                    self.upstate({key:'payInfo',val:dataResult.payments}) //将收支明细回传
                    self.order_parameter = parameter
                    self.roomBoolean = true
                    self.orderInfoShow = false
                    self.activeName2 = 'first'
                    self.tabs = [true,false,false]
                  }else {
                    let bill_status = 999;
                    if (dataResult.bill_status != undefined && dataResult.bill_status != null){
                      bill_status = dataResult.bill_status
                    }
                    parameter = { //生成订单信息
                      bill_status:bill_status, //平台对账是否完成
                      order_id:dataResult.id, //订单ID
                      order_No:dataResult.no, //订单编号
                      orderStatus:dataResult.order_status, //订单状态  0=未确认，1=已确认，2=已取消，3=已完成，4=已结算
                      orderPeopleId:dataResult.member_id, //会员ID
                      orderPeopleName:dataResult.book_name, //预定人
                      orderPeopleTel:dataResult.book_phone, //预订人电话
                      orderCreatedId:dataResult.creator_id, //创建人ID
                      orderCreatedName:dataResult.creator_name, //创建人姓名
                      orderCreatedTime:dataResult.created_at, //创建时间
                      orderType:dataResult.is_share_time, //订单类型 0：普通订单 1：分时订单
                      orderSource:dataResult.origin, //订单来源 0=前台，1=微信，2=OTA
                      otaName:'微信小程序', //OTA名称
                      ota_order_type:dataResult.ota_order_type, //OTA类型
                      ota_id:dataResult.ota_id, //OTAId
                      otaNo:dataResult.ota_no, //OTA单号
                      orderRemarks:dataResult.note, //备注
                      orderRoomTypevalue:dataResult.check_type, //开房类型 0:全日房 1:钟点房 2:免费房 3:特殊房
                      order_parameter:dataResult.order_houses, //房间列表
                      orderNextPay:dataResult.nextpay, //第一次支付
                      payCount:dataResult.payCount, //收支详情板块的三个数据
                      payments:dataResult.payments, //收支详情列表
                      isWechat:true, //来自微信小程序
                      pay_status:dataResult.pay_status
                    }
                    self.upstate({key:'publicOrderInfo',val:parameter})
                    self.upstate({key:'payInfo',val:dataResult.payments})
                    if (parameter.order_parameter.length > 1){ //订单房间数量大于1时，关联房间
                      for (let i = 0; i < parameter.order_parameter.length; i++){
                        if (parameter.order_parameter[i].order_house_status == 0 || parameter.order_parameter[i].order_house_status == 1 || parameter.order_parameter[i].order_house_status == 2){
                          let id = '#realTime' + parameter.order_parameter[i].house_id
                          $(id).addClass('relation')
                        }
                      }
                    }
                  }
                }else if (dataResult.order_status == 1){
                  let bill_status = 999;
                  if (dataResult.bill_status != undefined && dataResult.bill_status != null){
                    bill_status = dataResult.bill_status
                  }
                  if (dataResult.origin == 1) {
                    parameter = { //生成订单信息
                      bill_status:bill_status, //平台对账是否完成
                      order_id:dataResult.id, //订单ID
                      order_No:dataResult.no, //订单编号
                      orderStatus:dataResult.order_status, //订单状态  0=未确认，1=已确认，2=已取消，3=已完成，4=已结算
                      orderPeopleId:dataResult.member_id, //会员ID
                      orderPeopleName:dataResult.book_name, //预定人
                      orderPeopleTel:dataResult.book_phone, //预订人电话
                      orderCreatedId:dataResult.creator_id, //创建人ID
                      orderCreatedName:dataResult.creator_name, //创建人姓名
                      orderCreatedTime:dataResult.created_at, //创建时间
                      orderType:dataResult.is_share_time, //订单类型 0：普通订单 1：分时订单
                      orderSource:dataResult.origin, //订单来源 0=前台，1=微信，2=OTA
                      otaName:'微信小程序', //OTA名称
                      ota_order_type:dataResult.ota_order_type, //OTA类型
                      ota_id:dataResult.ota_id, //OTAId
                      otaNo:dataResult.ota_no, //OTA单号
                      orderRemarks:dataResult.note, //备注
                      orderRoomTypevalue:dataResult.check_type, //开房类型 0:全日房 1:钟点房 2:免费房 3:特殊房
                      order_parameter:dataResult.order_houses, //房间列表
                      orderNextPay:dataResult.nextpay, //第一次支付
                      payCount:dataResult.payCount, //收支详情板块的三个数据
                      payments:dataResult.payments, //收支详情列表
                      isWechat:true, //来自微信小程序
                      pay_status:dataResult.pay_status
                    }
                    self.upstate({key:'publicOrderInfo',val:parameter})
                    self.upstate({key:'payInfo',val:dataResult.payments})
                    if (parameter.order_parameter.length > 1){ //订单房间数量大于1时，关联房间
                      for (let i = 0; i < parameter.order_parameter.length; i++){
                        if (parameter.order_parameter[i].order_house_status == 0 || parameter.order_parameter[i].order_house_status == 1 || parameter.order_parameter[i].order_house_status == 2){
                          let id = '#realTime' + parameter.order_parameter[i].house_id
                          $(id).addClass('relation')
                        }
                      }
                    }
                  }else {
                    parameter = { //生成订单信息
                      bill_status:bill_status, //平台对账是否完成
                      order_id:dataResult.id, //订单ID
                      order_No:dataResult.no, //订单编号
                      orderStatus:dataResult.order_status, //订单状态  0=未确认，1=已确认，2=已取消，3=已完成，4=已结算
                      orderPeopleId:dataResult.member_id, //会员ID
                      orderPeopleName:dataResult.book_name, //预定人
                      orderPeopleTel:dataResult.book_phone, //预订人电话
                      orderCreatedId:dataResult.creator_id, //创建人ID
                      orderCreatedName:dataResult.creator_name, //创建人姓名
                      orderCreatedTime:dataResult.created_at, //创建时间
                      orderType:dataResult.is_share_time, //订单类型 0：普通订单 1：分时订单
                      orderSource:dataResult.origin, //订单来源 0=前台，1=微信，2=OTA
                      otaName:otaNmae, //OTA名称
                      ota_order_type:dataResult.ota_order_type, //OTA类型
                      ota_id:dataResult.ota_id, //OTAId
                      otaNo:dataResult.ota_no, //OTA单号
                      orderRemarks:dataResult.note, //备注
                      orderRoomTypevalue:dataResult.check_type, //开房类型 0:全日房 1:钟点房 2:免费房 3:特殊房
                      order_parameter:dataResult.order_houses, //房间列表
                      orderNextPay:dataResult.nextpay, //第一次支付
                      payCount:dataResult.payCount, //收支详情板块的三个数据
                      payments:dataResult.payments, //收支详情列表
                      pay_status:dataResult.pay_status
                    }
                    self.upstate({key:'publicOrderInfo',val:parameter})
                    self.upstate({key:'payInfo',val:dataResult.payments})
                    if (parameter.order_parameter.length > 1){ //订单房间数量大于1时，关联房间
                      for (let i = 0; i < parameter.order_parameter.length; i++){
                        if (parameter.order_parameter[i].order_house_status == 0 || parameter.order_parameter[i].order_house_status == 1 || parameter.order_parameter[i].order_house_status == 2){
                          let id = '#realTime' + parameter.order_parameter[i].house_id
                          $(id).addClass('relation')
                        }
                      }
                    }
                  }
                }else {
                  let parameter = { //生成订单信息
                    order_id:dataResult.id, //订单ID
                    order_No:dataResult.no, //订单编号
                    orderStatus:dataResult.order_status, //订单状态  0=未确认，1=已确认，2=已取消，3=已完成，4=已结算
                    orderPeopleId:dataResult.member_id, //会员ID
                    orderPeopleName:dataResult.book_name, //预定人
                    orderPeopleTel:dataResult.book_phone, //预订人电话
                    orderCreatedId:dataResult.creator_id, //创建人ID
                    orderCreatedName:dataResult.creator_name, //创建人姓名
                    orderCreatedTime:dataResult.created_at, //创建时间
                    orderType:dataResult.is_share_time, //订单类型 0：普通订单 1：分时订单
                    orderSource:dataResult.origin, //订单来源 0=前台，1=微信，2=OTA
                    otaName:dataResult.ota_name, //OTA名称
                    ota_order_type:dataResult.ota_order_type, //OTA类型
                    otaNo:dataResult.ota_no, //OTA单号
                    orderRemarks:dataResult.note, //备注
                    orderRoomTypevalue:dataResult.check_type, //开房类型 0:全日房 1:钟点房 2:免费房 3:特殊房
                    order_parameter:dataResult.order_houses, //房间列表
                    orderNextPay:dataResult.nextpay, //第一次支付
                    payCount:dataResult.payCount, //收支详情板块的三个数据
                    payments:dataResult.payments, //收支详情列表
                  }
                  self.upstate({key:'publicOrderInfo',val:parameter})
                  self.upstate({key:'payInfo',val:dataResult.payments}) //将收支明细回传
                }
                // self.upstate({key:'realTimeChooseRoomNo',val:self.realTimeChooseRoom.roomId})
              }else {
                self.createMess(res.data.msg)
              }
            })
          }
          self.fhSwich = false
          self.fhList = []
          self.upstate({key:'realTimeChooseRoomNo',val:self.realTimeChooseRoom.roomId})
        },
        /*------------------入住登记事件------------------------------------*/
        //登记入住信息
        checkInMet(val){
          let self = this
          self.checkInfo = val
          self.checkShow = true
        },
        //查询入住信息
        checkSearchMet(val){
          let self = this
          self.checkInfo = val
          self.checkShow = true
        },
        /*------------------远期房态方法------------------------------------*/
        //远期房态开关
        fh_switchChange(val){
          let self = this
          if (val){
            self.fhSwich = true
            /*查询该房间远期房态*/
            self.$http.post(self.conURL + 'hotel/work/getfuturersscbyhouseid',{house_id:self.realTimeChooseRoomNo}).then(res => {
              if (res.data.code == 0){
                self.fhList = res.data.data
              }else {
                self.createMess(res.data.msg)
              }
            })
          }else {
            self.fhSwich = false
            self.fhList = []
          }
        },
        //远期房态点击事件
        fhClick(val,index){
          let self = this
          if (val.order_house_status != undefined){
            self.$http.post(self.conURL + 'hotel/work/getorderdetail',{
              house_id:self.realTimeChooseRoom.roomId,
              date:val.date
            }).then(res => {
              if (res.data.code == 0){
                // console.log(res.data.data)
                if (res.data.data == ''){ //空房
                  self.hmSwich = true
                  self.upstate({key:'publicOrderInfo',val:[]})
                  self.upstate({key:'payInfo',val:[]}) //将收支明细回传
                  self.orderInfoShow = false
                  self.upstate({key:'public_is_Loading',val:false})
                }else { //有订单信息
                  self.s_chooseDay = index
                  self.hmSwich = false
                  self.orderInfoShow = true
                  self.upstate({key:'public_is_Loading',val:false})
                  let parameter = []
                  let dataResult = res.data.data
                  let otaNmae = ''
                  //OTA订单来源不为空时，读取OTA名称
                  if (res.data.data.ota_id != null){
                    let list = JSON.parse(localStorage.getItem('otaList'))
                    for (let i = 0; i< list.length; i++){
                      if (list[i].ota_id == res.data.data.ota_id){
                        otaNmae = list[i].ota_name
                      }
                    }
                  }
                  if (dataResult.order_status == 0){
                    parameter = { //生成订单信息
                      order_id:dataResult.id, //订单ID
                      order_No:dataResult.no, //订单编号
                      orderStatus:dataResult.order_status, //订单状态  0=未确认，1=已确认，2=已取消，3=已完成，4=已结算
                      orderPeopleId:dataResult.member_id, //会员ID
                      orderPeopleName:dataResult.book_name, //预定人
                      orderPeopleTel:dataResult.book_phone, //预订人电话
                      orderCreatedId:dataResult.creator_id, //创建人ID
                      orderCreatedName:dataResult.creator_name, //创建人姓名
                      orderCreatedTime:dataResult.created_at, //创建时间
                      orderType:dataResult.is_share_time, //订单类型 0：普通订单 1：分时订单
                      orderSource:dataResult.origin, //订单来源 0=前台，1=微信，2=OTA
                      otaName:otaNmae, //OTA名称
                      ota_order_type:dataResult.ota_order_type, //OTA类型
                      ota_id:dataResult.ota_id, //OTAId
                      otaNo:dataResult.ota_no, //OTA单号
                      orderRemarks:dataResult.note, //备注
                      orderRoomTypevalue:dataResult.check_type, //开房类型 0:全日房 1:钟点房 2:免费房 3:特殊房
                      order_parameter:dataResult.lock_houses, //房间列表
                      payCount:dataResult.payCount, //收支详情板块的三个数据
                      payments:dataResult.payments, //收支详情列表
                      isConfirm:true
                    }
                    let newArr = []
                    for (let i = 0;i < parameter.order_parameter.length; i++){
                      newArr.push({
                        roomId:parameter.order_parameter[i].house_id,
                        date:parameter.order_parameter[i].lock_date
                      })
                    }
                    self.upstate({key:'saveHouseList',val:newArr})
                    self.upstate({key:'payInfo',val:dataResult.payments}) //将收支明细回传
                    self.order_parameter = parameter
                    self.roomBoolean = true
                    self.orderInfoShow = false
                    self.upstate({key:'realTimeSwich',val:false})
                    self.activeName2 = 'first'
                    self.tabs = [true,false,false]
                  }else {
                    parameter = { //生成订单信息
                      order_id:dataResult.id, //订单ID
                      order_No:dataResult.no, //订单编号
                      orderStatus:dataResult.order_status, //订单状态  0=未确认，1=已确认，2=已取消，3=已完成，4=已结算
                      orderPeopleId:dataResult.member_id, //会员ID
                      orderPeopleName:dataResult.book_name, //预定人
                      orderPeopleTel:dataResult.book_phone, //预订人电话
                      orderCreatedId:dataResult.creator_id, //创建人ID
                      orderCreatedName:dataResult.creator_name, //创建人姓名
                      orderCreatedTime:dataResult.created_at, //创建时间
                      orderType:dataResult.is_share_time, //订单类型 0：普通订单 1：分时订单
                      orderSource:dataResult.origin, //订单来源 0=前台，1=微信，2=OTA
                      otaName:otaNmae, //OTA名称
                      ota_order_type:dataResult.ota_order_type, //OTA类型
                      ota_id:dataResult.ota_id, //OTAId
                      otaNo:dataResult.ota_no, //OTA单号
                      orderRemarks:dataResult.note, //备注
                      orderRoomTypevalue:dataResult.check_type, //开房类型 0:全日房 1:钟点房 2:免费房 3:特殊房
                      order_parameter:dataResult.order_houses, //房间列表
                      orderNextPay:dataResult.nextpay, //第一次支付
                      payCount:dataResult.payCount, //收支详情板块的三个数据
                      payments:dataResult.payments, //收支详情列表
                    }
                    self.upstate({key:'publicOrderInfo',val:parameter})
                    self.upstate({key:'payInfo',val:dataResult.payments}) //将收支明细回传
                  }
                }
              }else {
                self.createMess(res.data.msg)
              }
            })
          }
        },
        /*------------------房务管理方法------------------------------------*/
        //房务管理开关
        hm_switchChange(){
          let self = this
          if (self.hmSwich){
            self.hmSwich = true
          }else {
            self.hmSwich = false
          }
        },
        //锁定开关
        lock_switchChange(){
          let self = this
          if (self.lockSwich){
            self.lockSwich = true
          }else {
            self.lockSwich = false
          }
          self.updateSitchChange()
        },
        //维修开关
        repair_switchChange(){
          let self = this
          self.upstate({key:'public_bc_main',val:true})
          if (self.repairSwich){
            self.repairSwich = true
          }else {
            self.repairSwich = false
          }
          self.updateSitchChange()
        },
        //脏房开关
        dirty_switchChange(){
          let self = this
          self.upstate({key:'public_bc_main',val:true})
          if (self.dirtySwich){
            self.dirtySwich = true
          }else {
            self.dirtySwich = false
          }
          self.updateSitchChange()
        },
        //修改物理状态
        updateSitchChange(){
          let self = this
          self.upstate({key:'public_bc_main',val:true})
          self.$http.post(self.conURL + 'hotel/work/changehousestaus',{
            house_id: self.realTimeChooseRoom.roomId,
            clean_status: self.dirtySwich?1:0,
            is_locked: self.lockSwich?1:0,
            repair_status:self.repairSwich?1:0
          }).then(res => {
            self.upstate({key:'public_bc_main',val:false})
            if (res.data.code == 0){
              this.$message({
                message: '操作成功',
                type: 'success'
              });
              self.getrssc(self.roomTypeRadiosBoolean_realTime_choose,self.radio_roomClassification_RT,self.chooseFlood_RT,self.realTimeChecked[0],self.realTimeChecked[1],self.realTimeChecked[2],self.realTimeChecked[3],self.realTimeChecked[4])
            }else {
              self.createMess(res.data.msg)
            }
          })
        },
        /*------------------订单操作方法------------------------------------*/
        //获取筛选条件
        getScreen(){
          let self = this
          self.$http.post(self.conURL + 'hotel/work/getorderfilterdata').then(res => {
            if (res.data.code == 0){
              self.screenList = res.data.data
              self.upstate({key:'publicScreen',val:self.screenList})
            }else {
              self.createMess(res.data.msg)
            }
          })
        },
        //获取订单
        getOrderList(){
          /*
          order_status：订单状态
          check_type：开房类型
          check_status：入住状态
          is_share_time：订单类型
          origin：订单来源
          house_no：房间号
          start_time：下单时间
          end_time：下单时间
          book_phone：联系电话
          page：分页
          * */
          let self = this
          self.orderLoading = true
          let time1 = ''
          let time2 = ''
          if (self.t_star_time != '' && self.t_star_time != null){
            let date = new Date(self.t_star_time)
            let Y = date.getFullYear()
            let M = self.returnTime(date.getMonth() + 1)
            let D = self.returnTime(date.getDate())
            let h = self.returnTime(date.getHours())
            let m = self.returnTime(date.getMinutes())
            let s = self.returnTime(date.getSeconds())
            time1 = Y + '-' + M + '-' + D + ' ' + h + ':' + m + ':' + s
          }
          if (self.t_end_time != '' && self.t_end_time != null){
            let date = new Date(self.t_end_time)
            let Y = date.getFullYear()
            let M = self.returnTime(date.getMonth() + 1)
            let D = self.returnTime(date.getDate())
            let h = self.returnTime(date.getHours())
            let m = self.returnTime(date.getMinutes())
            let s = self.returnTime(date.getSeconds())
            time2 = Y + '-' + M + '-' + D + ' ' + h + ':' + m + ':' + s
          }
          self.$http.post(self.conURL + 'hotel/work/getorderlist',{
            order_status:self.t_order_status,
            check_type:self.t_order_liveType,
            check_status:self.t_live_status,
            is_share_time:self.t_order_type,
            origin:self.t_order_source,
            house_no:self.t_roomNo,
            bill_status:self.t_order_bill_status,
            start_time:time1,
            end_time:time2,
            book_phone:self.t_phone,
            page:self.page,
            pageSize:self.pageSize
          }).then(res => {
            self.upstate({key:'public_bc_main',val:false})
            if (res.data.code == 0){
              // console.log(res.data.data.data,'皮卡丘')
              let list = res.data.data.data
              self.totalPage = res.data.data.total
              let newArr = []
              for (let i = 0; i < list.length; i++){
                let origin = list[i].origin + 1
                let check_type = list[i].check_type + 1
                let is_share_time = list[i].is_share_time + 1
                let order_status = list[i].order_status + 1
                let check_status = list[i].check_status + 1
                let bill_status = list[i].bill_status + 1
                //来源
                for (let n = 1; n < self.publicScreen.origin.length; n++){
                  if (origin == n){
                    origin = self.publicScreen.origin[n]
                  }
                }
                // 住房类型
                for (let n = 1; n < self.publicScreen.check_type.length; n++){
                  if (check_type == n){
                    check_type = self.publicScreen.check_type[n]
                  }
                }
                //订单类型
                for (let n = 1; n < self.publicScreen.is_share_time.length; n++){
                  if (is_share_time == n){
                    is_share_time = self.publicScreen.is_share_time[n]
                  }
                }
                //订单状态
                for (let n = 1; n < self.publicScreen.order_status.length; n++){
                  if (order_status == n){
                    order_status = self.publicScreen.order_status[n]
                  }
                }
                //入住状态
                for (let n = 1; n < self.publicScreen.check_status.length; n++){
                  if (check_status == n){
                    check_status = self.publicScreen.check_status[n]
                  }
                }
                //对账状态
                for (let n = 1; n < self.publicScreen.bill_status.length; n++){
                  if (bill_status == n){
                    bill_status = self.publicScreen.bill_status[n]
                  }
                }
                let isNew = false
                if (list[i].order_status == 0 && list[i].origin == 1){
                  isNew = true
                }
                newArr.push({
                  id:list[i].id, //订单号
                  people_name:list[i].book_name, //联系人姓名
                  people_phone:list[i].book_phone, //联系人电话
                  origin:origin, //来源
                  house_No:list[i].order_houses, //房间号
                  check_type:check_type, //住房类型
                  created_at:list[i].created_at, //下单时间
                  is_share_time:is_share_time, //订单类型
                  ordre_stutas:order_status, //订单状态
                  check_status:check_status, //住房状态
                  bill_status:bill_status, //住房状态
                  isNew:isNew
                })
              }
              self.orderList = newArr
              self.orderLoading = false
            }else {
              self.createMess(res.data.msg)
              self.orderLoading = false
            }
          })
        },
        //订单状态
        t_order_status_choose(index){
          let self = this
          self.t_order_status = index
        },
        //开房类型
        t_order_liveType_choose(index){
          let self = this
          self.t_order_liveType = index
        },
        //入住状态
        t_live_status_choose(index){
          let self = this
          self.t_live_status = index
        },
        //订单类型
        t_order_type_choose(index){
          let self = this
          self.t_order_type = index
        },
        //订单来源
        t_order_source_choose(index){
          let self = this
          self.t_order_source = index
        },
        //对账状态
        t_order_bill_status_choose(index){
          let self = this
          self.t_order_bill_status = index
        },
        //查询点击
        searchOrder(){
          let self = this
          self.quickQueryId = 0
          self.getOrderList()
        },
        //行点击事件
        tableClick(row){
          let self = this
          self.todaySwich = false
          let id = row.id
          self.upstate({key:'public_is_Loading',val:true})
          self.$http.post(self.conURL + 'hotel/work/getorderdetail',{order_id:id}).then(res => {
            if (res.data.code == 0){
              self.fhSwich = false
              self.hmSwich = false
              self.orderInfoShow = true
              let dataResult = res.data.data
              let parameter = []
              let otaNmae = ''
              //OTA订单来源不为空时，读取OTA名称
              if (res.data.data.ota_id != null){
                if (dataResult.origin != 3){
                  let list = JSON.parse(localStorage.getItem('otaList'))
                  for (let i = 0; i< list.length; i++){
                    if (list[i].ota_id == res.data.data.ota_id){
                      otaNmae = list[i].ota_name
                    }
                  }
                }else {
                  otaNmae = dataResult.ota_name
                }
              }
              if (row.ordre_stutas == '未确认'){
                if (dataResult.origin != 1 && dataResult.origin != 3){
                  parameter = { //生成订单信息
                    order_id:dataResult.id, //订单ID
                    order_No:dataResult.no, //订单编号
                    orderStatus:dataResult.order_status, //订单状态  0=未确认，1=已确认，2=已取消，3=已完成，4=已结算
                    orderPeopleId:dataResult.member_id, //会员ID
                    orderPeopleName:dataResult.book_name, //预定人
                    orderPeopleTel:dataResult.book_phone, //预订人电话
                    orderCreatedId:dataResult.creator_id, //创建人ID
                    orderCreatedName:dataResult.creator_name, //创建人姓名
                    orderCreatedTime:dataResult.created_at, //创建时间
                    orderType:dataResult.is_share_time, //订单类型 0：普通订单 1：分时订单
                    orderSource:dataResult.origin, //订单来源 0=前台，1=微信，2=OTA
                    otaName:otaNmae, //OTA名称
                    ota_order_type:dataResult.ota_order_type, //OTA类型
                    ota_id:dataResult.ota_id, //OTAId
                    otaNo:dataResult.ota_no, //OTA单号
                    orderRemarks:dataResult.note, //备注
                    orderRoomTypevalue:dataResult.check_type, //开房类型 0:全日房 1:钟点房 2:免费房 3:特殊房
                    order_parameter:dataResult.lock_houses, //房间列表
                    payCount:dataResult.payCount, //收支详情板块的三个数据
                    payments:dataResult.payments, //收支详情列表
                    isConfirm:true,
                    userInfo:dataResult.member
                  }
                  let newArr = []
                  for (let i = 0;i < parameter.order_parameter.length; i++){
                    newArr.push({
                      roomId:parameter.order_parameter[i].house_id,
                      date:parameter.order_parameter[i].lock_date
                    })
                  }
                  self.upstate({key:'saveHouseList',val:newArr})
                  self.upstate({key:'payInfo',val:dataResult.payments}) //将收支明细回传
                  self.order_parameter = parameter
                  self.roomBoolean = true
                  self.orderInfoShow = false
                  self.activeName2 = 'first'
                  self.tabs = [true,false,false]
                }else if (dataResult.origin == 3){
                  parameter = { //生成订单信息
                    order_id:dataResult.id, //订单ID
                    order_No:dataResult.no, //订单编号
                    orderStatus:dataResult.order_status, //订单状态  0=未确认，1=已确认，2=已取消，3=已完成，4=已结算
                    orderPeopleId:dataResult.member_id, //会员ID
                    orderPeopleName:dataResult.book_name, //预定人
                    orderPeopleTel:dataResult.book_phone, //预订人电话
                    orderCreatedId:dataResult.creator_id, //创建人ID
                    orderCreatedName:dataResult.creator_name, //创建人姓名
                    orderCreatedTime:dataResult.created_at, //创建时间
                    orderType:dataResult.is_share_time, //订单类型 0：普通订单 1：分时订单
                    orderSource:dataResult.origin, //订单来源 0=前台，1=微信，2=OTA
                    otaName:otaNmae, //OTA名称
                    ota_order_type:dataResult.ota_order_type, //OTA类型
                    ota_id:dataResult.ota_id, //OTAId
                    otaNo:dataResult.ota_no, //OTA单号
                    orderRemarks:dataResult.note, //备注
                    orderRoomTypevalue:dataResult.check_type, //开房类型 0:全日房 1:钟点房 2:免费房 3:特殊房
                    order_parameter:dataResult.lock_houses, //房间列表
                    payCount:dataResult.payCount, //收支详情板块的三个数据
                    payments:dataResult.payments, //收支详情列表
                    isConfirm:true,
                    userInfo:dataResult.member
                  }
                  let newArr = []
                  for (let i = 0;i < parameter.order_parameter.length; i++){
                    newArr.push({
                      roomId:parameter.order_parameter[i].house_id,
                      date:parameter.order_parameter[i].lock_date
                    })
                  }
                  self.upstate({key:'saveHouseList',val:newArr})
                  self.upstate({key:'payInfo',val:dataResult.payments}) //将收支明细回传
                  self.order_parameter = parameter
                  self.roomBoolean = true
                  self.orderInfoShow = false
                  self.activeName2 = 'first'
                  self.tabs = [true,false,false]
                }else {
                  let bill_status = 999;
                  if (dataResult.bill_status != undefined && dataResult.bill_status != null){
                    bill_status = dataResult.bill_status
                  }
                  parameter = { //生成订单信息
                    bill_status:bill_status, //平台对账是否完成
                    order_id:dataResult.id, //订单ID
                    order_No:dataResult.no, //订单编号
                    orderStatus:dataResult.order_status, //订单状态  0=未确认，1=已确认，2=已取消，3=已完成，4=已结算
                    orderPeopleId:dataResult.member_id, //会员ID
                    orderPeopleName:dataResult.book_name, //预定人
                    orderPeopleTel:dataResult.book_phone, //预订人电话
                    orderCreatedId:dataResult.creator_id, //创建人ID
                    orderCreatedName:dataResult.creator_name, //创建人姓名
                    orderCreatedTime:dataResult.created_at, //创建时间
                    orderType:dataResult.is_share_time, //订单类型 0：普通订单 1：分时订单
                    orderSource:dataResult.origin, //订单来源 0=前台，1=微信，2=OTA
                    otaName:'微信小程序', //OTA名称
                    ota_order_type:dataResult.ota_order_type, //OTA类型
                    ota_id:dataResult.ota_id, //OTAId
                    otaNo:dataResult.ota_no, //OTA单号
                    orderRemarks:dataResult.note, //备注
                    orderRoomTypevalue:dataResult.check_type, //开房类型 0:全日房 1:钟点房 2:免费房 3:特殊房
                    order_parameter:dataResult.order_houses, //房间列表
                    orderNextPay:dataResult.nextpay, //第一次支付
                    payCount:dataResult.payCount, //收支详情板块的三个数据
                    payments:dataResult.payments, //收支详情列表
                    isWechat:true, //来自微信小程序
                    pay_status:dataResult.pay_status
                  }
                  self.upstate({key:'publicOrderInfo',val:parameter})
                  self.upstate({key:'payInfo',val:dataResult.payments})
                }
              }else {
                if (dataResult.origin != 1){
                  let bill_status = 999;
                  if (dataResult.bill_status != undefined && dataResult.bill_status != null){
                    bill_status = dataResult.bill_status
                  }
                  parameter = { //生成订单信息
                    bill_status:bill_status, //平台对账是否完成
                    order_id:dataResult.id, //订单ID
                    order_No:dataResult.no, //订单编号
                    orderStatus:dataResult.order_status, //订单状态  0=未确认，1=已确认，2=已取消，3=已完成，4=已结算
                    orderPeopleId:dataResult.member_id, //会员ID
                    orderPeopleName:dataResult.book_name, //预定人
                    orderPeopleTel:dataResult.book_phone, //预订人电话
                    orderCreatedId:dataResult.creator_id, //创建人ID
                    orderCreatedName:dataResult.creator_name, //创建人姓名
                    orderCreatedTime:dataResult.created_at, //创建时间
                    orderType:dataResult.is_share_time, //订单类型 0：普通订单 1：分时订单
                    orderSource:dataResult.origin, //订单来源 0=前台，1=微信，2=OTA
                    otaName:otaNmae, //OTA名称
                    ota_order_type:dataResult.ota_order_type, //OTA类型
                    ota_id:dataResult.ota_id, //OTAId
                    otaNo:dataResult.ota_no, //OTA单号
                    orderRemarks:dataResult.note, //备注
                    orderRoomTypevalue:dataResult.check_type, //开房类型 0:全日房 1:钟点房 2:免费房 3:特殊房
                    order_parameter:dataResult.order_houses, //房间列表
                    orderNextPay:dataResult.nextpay, //第一次支付
                    payCount:dataResult.payCount, //收支详情板块的三个数据
                    payments:dataResult.payments, //收支详情列表
                    pay_status:dataResult.pay_status
                  }
                  self.upstate({key:'publicOrderInfo',val:parameter})
                  self.upstate({key:'payInfo',val:dataResult.payments})
                  self.upstate({key:'public_is_Loading',val:false})
                }else {
                  let bill_status = 999;
                  if (dataResult.bill_status != undefined && dataResult.bill_status != null){
                    bill_status = dataResult.bill_status
                  }
                  parameter = { //生成订单信息
                    bill_status:bill_status, //平台对账是否完成
                    order_id:dataResult.id, //订单ID
                    order_No:dataResult.no, //订单编号
                    orderStatus:dataResult.order_status, //订单状态  0=未确认，1=已确认，2=已取消，3=已完成，4=已结算
                    orderPeopleId:dataResult.member_id, //会员ID
                    orderPeopleName:dataResult.book_name, //预定人
                    orderPeopleTel:dataResult.book_phone, //预订人电话
                    orderCreatedId:dataResult.creator_id, //创建人ID
                    orderCreatedName:dataResult.creator_name, //创建人姓名
                    orderCreatedTime:dataResult.created_at, //创建时间
                    orderType:dataResult.is_share_time, //订单类型 0：普通订单 1：分时订单
                    orderSource:dataResult.origin, //订单来源 0=前台，1=微信，2=OTA
                    otaName:'微信小程序', //OTA名称
                    ota_order_type:dataResult.ota_order_type, //OTA类型
                    ota_id:dataResult.ota_id, //OTAId
                    otaNo:dataResult.ota_no, //OTA单号
                    orderRemarks:dataResult.note, //备注
                    orderRoomTypevalue:dataResult.check_type, //开房类型 0:全日房 1:钟点房 2:免费房 3:特殊房
                    order_parameter:dataResult.order_houses, //房间列表
                    orderNextPay:dataResult.nextpay, //第一次支付
                    payCount:dataResult.payCount, //收支详情板块的三个数据
                    payments:dataResult.payments, //收支详情列表
                    isWechat:true, //来自微信小程序
                    pay_status:dataResult.pay_status
                  }
                  self.upstate({key:'publicOrderInfo',val:parameter})
                  self.upstate({key:'payInfo',val:dataResult.payments})
                  self.upstate({key:'public_is_Loading',val:false})
                }
              }
            }else {
              self.createMess(parameter.res.data.msg)
            }
          })
        },
        //转换房间列表到弹出框
        Transformation(list){
          let self = this
          let str = ''
          for (let i = 0; i < list.length; i++){
            str += list[i].house_no + ','
          }
          return str.substring(0,str.length - 1)
        },
        /*------------------预订房解锁板块------------------------------------*/
        houseLockChange(val){
          let self = this
          this.$confirm('是否为' + self.lockHouseNo + '房间解锁?', '提示', {
            confirmButtonText: '解锁',
            cancelButtonText: '取消',
            type: 'warning'
          }).then(() => {
            this.$message({
              type: 'success',
              message: '解锁成功!'
            });
            self.$http.post(self.conURL + 'hotel/work/cancellockhouse',{
              house_id:self.lockHouseId,
              effected_at:self.chooseTime
            }).then(res => {
              if (res.data.code == 0){
                //默认获取当日一晚可预订房间
                self.gethousesforbook(self.nightNum,self.chooseTime,self.floor,self.radio_window,self.radio_type,self.radio_room)
                self.houseLockSwich = false
                self.hlShow = false
              }else {
                self.createMess(res.data.msg)
                self.houseLockSwich = true
              }
            })
          }).catch(() => {
            this.$message({
              type: 'info',
              message: '已取消操作'
            });
            self.houseLockSwich = true
          });
        },
        /*------------------对账板块------------------------------------*/
        done(){
          let self = this
          self.refreshRoomList(true)
          self.refreshTheListOrder(true)
          self.refreshRoomList_RT(true)
          self.reconciliationShow = false
          self.reconciliation_Info = []
          self.orderInfoShow = false
          self.orderInfo = []
        },
        /*------------------公用方法获取数据------------------------------------*/
        /*提示音*/
        playHintMet(){
          let self = this
          let audio = document.getElementById('hint')
          audio.play()
        },
        /*接口请求失败，提示信息*/
        createMess(msg){
          let self = this
          this.$notify.error({
            title: '提示',
            message: msg
          });
          self.upstate({key:'public_bc',val:false})
        },
        /*刷新房间信息(预定)*/
        refreshRoomList(val){
          let self = this
          setTimeout(() => {
            self.gethousesforbook(self.nightNum,self.chooseTime,self.floor,self.radio_window,self.radio_type,self.radio_room)
          },100)
        },
        /*刷新房间信息(实时房态)*/
        refreshRoomList_RT(val){
          let self = this
            setTimeout(() => {
              self.getrssc(self.roomTypeRadiosBoolean_realTime_choose,self.radio_roomClassification_RT,self.chooseFlood_RT,self.realTimeChecked[0],self.realTimeChecked[1],self.realTimeChecked[2],self.realTimeChecked[3],self.realTimeChecked[4])
            },100)
          },
        /*刷新订单列表(订单列表)*/
        refreshTheListOrder(val){
          let self = this
          setTimeout(() => {
            self.searchOrder()
            self.getrssc(self.roomTypeRadiosBoolean_realTime_choose,self.radio_roomClassification_RT,self.chooseFlood_RT,self.realTimeChecked[0],self.realTimeChecked[1],self.realTimeChecked[2],self.realTimeChecked[3],self.realTimeChecked[4])
          },100)
        },
        /*重置所有数据*/
        resetAllData(){
          let self = this
          self.lockSwich = false
          self.repairSwich = false
          self.dirtySwich = false
          self.boxClick = false
          self.roomBoolean = false
          self.orderInfoShow = false
          self.orderPayShow = false
          self.recordRevenueDetailShow = false
          self.checkShow = false
          self.fhSwich = false
          self.hmSwich = false
          self.reconciliationShow = false
          self.changeRoomShow = false
          self.continuedRoomShow = false
          self.toParameter = []
          self.order_parameter = []
          self.orderInfo = []
          self.payInfo = []
          self.recordRevenueDetailInfo = []
          self.checkInfo = []
          self.reconciliation_Info = []
          self.changRoomInfo = []
          self.continuedRoomInfo = []
          self.roomIds = []
          self.roomIds_index = []
          self.upstate({key:'saveHouseList',val:[]})
        },
        /*获取可预订房间*/
        gethousesforbook(night,start,floor,window,status,type){
          // night:晚数
          // start:时间
          // floor:楼层
          // window:是否有窗
          // status:房间状态
          // type:房间类型
          let self = this
          self.isLoading = true
          self.$http.post(self.conURL + 'hotel/work/gethousesforbook',{
            night:night,
            start:start
          }).then(res => {
            self.upstate({key:'public_bc_main',val:false})
            if (res.data.code == 0){
              self.isLoading = false
              let rd = res.data.data
              // console.log(rd,'rd')
              let newArr = []
              let roomClassification = [] //房间分类
              for (let i = 0; i < rd.length; i++){ //循环房型列表
                roomClassification.push({ //房间分类列表
                  id:rd[i].id,
                  name:rd[i].name,
                  num:rd[i].can_book_house_num
                })
                if (rd[i].rssc_houses.length > 0){ //循环房型下的房间列表
                  for (let n = 0;n < rd[i].rssc_houses.length; n++){
                    let thisRoom = rd[i].rssc_houses[n]
                    let roomType //返回 1：空房(空色) 2：已售房(蓝色) 3：锁房(橙色)
                    if (thisRoom.is_locked == 1){ //是锁房
                      roomType = 3
                    }else {
                      if (thisRoom.book_lock_status == 1){ //确认房
                        roomType = 4
                      }else if (thisRoom.book_lock_status == 0){ //空房
                        roomType = 1
                      }else if (thisRoom.book_lock_status == 2){ //预定房
                        roomType = 2
                      }
                    }
                    newArr.push({
                      roomId:thisRoom.id, //房间ID
                      roomNo:thisRoom.no, //房价号
                      roomType:roomType, //房间状态
                      roomTypeName:rd[i].name, //房间类型
                      roomTypeNameId:rd[i].id, //房间类型id
                      prices:rd[i].prices, //房价价格列表，可能为多天价格
                      deposit:rd[i].hotel_room_attribute.deposit, //该房间押金
                      floor:thisRoom.floor, //房间楼层
                      window:rd[i].has_window, //是否有窗
                      book_lock_status:thisRoom.book_lock_status, //房间状态，为2不显示
                    })
                  }
                }
              }
              // console.log(newArr,'newArr')
              //循环楼层
              //循环是否有窗
              //循环状态
              //循环类型
              self.roomClassification = roomClassification
              self.roomClassification.unshift({
                id:0,
                name:'所有房型',
              })
              if (floor != '全部楼层'){
                let news = []
                for (let i = 0; i < newArr.length; i++){
                  if (newArr[i].floor == floor){
                    news.push(newArr[i])
                  }
                }
                newArr = news
              }
              if (window != 2){
                let news = []
                for (let i = 0; i < newArr.length; i++){
                  if (newArr[i].window == window){
                    news.push(newArr[i])
                  }
                }
                newArr = news
              }
              if (status != 0){
                let news = []
                for (let i = 0; i < newArr.length; i++){
                  // console.log(newArr[i].roomType)
                  if (newArr[i].roomType == status){
                    news.push(newArr[i])
                  }
                }
                newArr = news
              }
              if (type != 0){
                let news = []
                for (let i = 0; i < newArr.length; i++){
                  if (newArr[i].roomTypeNameId == type){
                    news.push(newArr[i])
                  }
                }
                newArr = news
              }
              self.reserveRoomsList = newArr
              // console.log(self.reserveRoomsList,6545646)
              self.upstate({key:'publicRoomsList',val:self.reserveRoomsList})
            }else {
              self.isLoading = false
              self.createMess(res.data.msg)
            }
          })
        },
        /*获取实时房态*/
        getrssc(accommodationStatus,radio_roomClassification_RT,floor,affairStatus0,affairStatus1,affairStatus2,affairStatus3,affairStatus4,){
          //accommodationStatus：住店状态
          //radio_roomClassification_RT：房间类型
          //affairStatus：事务状态 1：已预订 2：预离 3：锁定 4：维修中 5：脏房
          let self = this
          self.isLoading = true
          self.$http.post(self.conURL + 'hotel/work/getrssc').then(res => {
            self.upstate({key:'public_bc_main',val:false})
            if (res.data.code == 0){
              self.isLoading = false
              let newArr = []
              let realTimeRd = res.data.data
              // console.log(realTimeRd,'实时房态')
              let roomClassification_RT = [] //房间分类
              for (let i = 0; i < realTimeRd.length; i++){
                roomClassification_RT.push({ //房间分类列表
                  id:realTimeRd[i].id,
                  name:realTimeRd[i].name,
                  num:realTimeRd[i].house_count
                })
                if (realTimeRd[i].rssc_houses.length > 0){ //循环房型下的房间列表
                  for (let n = 0;n < realTimeRd[i].rssc_houses.length; n++){
                    let thisRoom = realTimeRd[i].rssc_houses[n]
                    let roomType //返回 1：空房(绿色) 2：预订房(蓝色) 3：锁房(橙色)
                    if (thisRoom.current_status == 0){ //空房
                      roomType = 0
                    }else { //在住
                      roomType = 1
                    }
                    newArr.push({
                      roomId:thisRoom.id, //房间ID
                      roomNo:thisRoom.no, //房价号
                      roomType:roomType, //房间状态
                      roomTypeName:realTimeRd[i].name, //房间类型
                      roomTypeNameId:realTimeRd[i].id, //房间类型id
                      floor:thisRoom.floor, //房间楼层
                      window:realTimeRd[i].has_window, //是否有窗
                      book_status:thisRoom.book_status, //是否预订  0：未预订  1：已预订
                      leave_status:thisRoom.leave_status, //是否预离  0：无预离  1：有预离
                      is_locked:thisRoom.is_locked, //是否锁定  0：可用  1：锁定
                      repair_status:thisRoom.repair_status, //是否维修  0：正常  1：维修中
                      clean_status:thisRoom.clean_status, //是否净房  0：净房  1：脏房
                      current_status:thisRoom.current_status //当前状态 0：空房 1：入住
                    })
                  }
                }
              }
              self.roomClassification_RT = roomClassification_RT
              self.roomClassification_RT.unshift({
                id:0,
                name:'所有房型',
              })
              if (accommodationStatus != 3){
                let news = []
                for (let i = 0;i < newArr.length; i++){
                  if (newArr[i].roomType == accommodationStatus){
                    news.push(newArr[i])
                  }
                }
                newArr = news
              }
              if (radio_roomClassification_RT != 0){
                let news = []
                for (let i = 0;i < newArr.length; i++){
                  if (newArr[i].roomTypeNameId == radio_roomClassification_RT){
                    news.push(newArr[i])
                  }
                }
                newArr = news
              }
              if (floor != '全部楼层'){
                let news = []
                for (let i = 0; i < newArr.length; i++){
                  if (newArr[i].floor == floor){
                    news.push(newArr[i])
                  }
                }
                newArr = news
              }
              if (affairStatus0){ //预订
                let news = []
                for (let i = 0;i < newArr.length; i++){
                  if (newArr[i].book_status == 1){
                    news.push(newArr[i])
                  }
                }
                newArr = news
              }
              if (affairStatus1){ //预离
                let news = []
                for (let i = 0;i < newArr.length; i++){
                  if (newArr[i].leave_status == 1){
                    news.push(newArr[i])
                  }
                }
                newArr = news
              }
              if (affairStatus2){ //锁定
                let news = []
                for (let i = 0;i < newArr.length; i++){
                  if (newArr[i].is_locked == 1){
                    news.push(newArr[i])
                  }
                }
                newArr = news
              }
              if (affairStatus3){ //维修
                let news = []
                for (let i = 0;i < newArr.length; i++){
                  if (newArr[i].repair_status == 1){
                    news.push(newArr[i])
                  }
                }
                newArr = news
              }
              if (affairStatus4){ //脏房
                let news = []
                for (let i = 0;i < newArr.length; i++){
                  if (newArr[i].clean_status == 1){
                    news.push(newArr[i])
                  }
                }
                newArr = news
              }
              // console.log(newArr,'newArr')
              self.reserveRoomsList_RT = newArr
              self.upstate({key:'publicRealTimeRoomsList',val:self.reserveRoomsList_RT})
            }else {
              self.isLoading = false
              self.createMess(res.data.msg)
            }
          })
        },
        /*快速查询*/
        quickQuery(id){
          let self = this
          self.quickQueryId = id
          self.orderLoading = true
          self.$http.post(self.conURL + 'hotel/work/getorderlist',{
            quick_query:id,
            page:self.page,
            pageSize:self.pageSize
          }).then(res => {
            self.upstate({key:'public_bc_main',val:false})
            if (res.data.code == 0){
              // console.log(res.data.data.data,'皮卡丘')
              let list = res.data.data.data
              self.totalPage = res.data.data.total
              let newArr = []
              for (let i = 0; i < list.length; i++){
                let origin = list[i].origin + 1
                let check_type = list[i].check_type + 1
                let is_share_time = list[i].is_share_time + 1
                let order_status = list[i].order_status + 1
                let check_status = list[i].check_status + 1
                let bill_status = list[i].bill_status + 1
                //来源
                for (let n = 1; n < self.publicScreen.origin.length; n++){
                  if (origin == n){
                    origin = self.publicScreen.origin[n]
                  }
                }
                // 住房类型
                for (let n = 1; n < self.publicScreen.check_type.length; n++){
                  if (check_type == n){
                    check_type = self.publicScreen.check_type[n]
                  }
                }
                //订单类型
                for (let n = 1; n < self.publicScreen.is_share_time.length; n++){
                  if (is_share_time == n){
                    is_share_time = self.publicScreen.is_share_time[n]
                  }
                }
                //订单状态
                for (let n = 1; n < self.publicScreen.order_status.length; n++){
                  if (order_status == n){
                    order_status = self.publicScreen.order_status[n]
                  }
                }
                //入住状态
                for (let n = 1; n < self.publicScreen.check_status.length; n++){
                  if (check_status == n){
                    check_status = self.publicScreen.check_status[n]
                  }
                }
                //对账状态
                for (let n = 1; n < self.publicScreen.bill_status.length; n++){
                  if (bill_status == n){
                    bill_status = self.publicScreen.bill_status[n]
                  }
                }
                let isNew = false
                if (list[i].order_status == 0 && list[i].origin == 1){
                  isNew = true
                }
                newArr.push({
                  id:list[i].id, //订单号
                  people_name:list[i].book_name, //联系人姓名
                  people_phone:list[i].book_phone, //联系人电话
                  origin:origin, //来源
                  house_No:list[i].order_houses, //房间号
                  check_type:check_type, //住房类型
                  created_at:list[i].created_at, //下单时间
                  is_share_time:is_share_time, //订单类型
                  ordre_stutas:order_status, //订单状态
                  check_status:check_status, //住房状态
                  bill_status:bill_status, //住房状态
                  isNew:isNew
                })
              }
              self.orderList = newArr
              self.orderLoading = false
            }else {
              self.createMess(res.data.msg)
              self.orderLoading = false
            }
          })
        },
        /*跑马灯*/
        loopAnimation(){
          let self = this
          let locationX = 0
          if ($('.loops') != undefined){
            locationX = parseFloat($('.loops').css('right').substring(0,$('.loops').css('right').length - 2))
          }
          if (locationX <= 870){
            let newLocationX = parseFloat(locationX + 1) + 'px'
            $('.loops').css({'right':newLocationX})
          }else {
            $('.loops').css({'right':'-531px'})
          }
        },
        /*跑马灯数据更新*/
        refreshLoop(){
          let self = this
          setTimeout(() => {
            self.loopCallNum = sessionStorage.getItem('newCallNum')
            self.loopOrderNum = sessionStorage.getItem('newOrderNum')
            // console.log(self.loopOrderNum,'首页的跑马灯数量')
            $('.loops').css({'right':'-531px'})
            sessionStorage.setItem('loopStop',false)
            self.playHintMet()
            self.refreshTheListOrder()
          },50)
        },
        /*轮询查询呼叫和订单*/
        searchPublic(){
          let self = this
          self.$http.post(self.conURL + 'hotel/hotel/countorder').then(res => {
            if (res.data.code == 0){
              //记录新登录时，未处理订单和呼叫数量
              sessionStorage.setItem('newOrderNum',res.data.data.orderCount)
              sessionStorage.setItem('newCallNum',res.data.data.callCount)
              self.refreshLoop()
            }else {
              self.createMess(res.data.msg)
            }
          })
          sessionStorage.setItem('loopStop',false)
          self.upstate({key:'loopStop',val:sessionStorage.getItem('loopStop')})
        },
      }
    }
</script>

<style src="../../assets/less/index.less" lang="less" scoped></style>
